From 746376c9f4781bf71bef953e4bc74a189e409dce Mon Sep 17 00:00:00 2001
From: songliang <songliang@opencart.cn>
Date: Mon, 15 Aug 2022 19:22:36 +0800
Subject: [PATCH] =?UTF-8?q?=E5=93=8D=E5=BA=94=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/build/beike/shop/default/css/app.css   | 20 +++++++++++++++++++
 .../beike/shop/default/css/order-success.scss | 15 ++++++++++++++
 2 files changed, 35 insertions(+)

diff --git a/public/build/beike/shop/default/css/app.css b/public/build/beike/shop/default/css/app.css
index af0a13d3..2382daef 100644
--- a/public/build/beike/shop/default/css/app.css
+++ b/public/build/beike/shop/default/css/app.css
@@ -1148,6 +1148,11 @@ body.page-order-success .order-wrap .card-body.main-body, body.page-payment .ord
   padding: 3rem;
   padding-left: 7rem;
 }
+@media (max-width: 768px) {
+  body.page-order-success .order-wrap .card-body.main-body, body.page-payment .order-wrap .card-body.main-body {
+    padding: 3rem;
+  }
+}
 body.page-order-success .order-wrap .card-body .order-top, body.page-payment .order-wrap .card-body .order-top {
   padding-bottom: 2.7rem;
   margin-bottom: 2.7rem;
@@ -1157,6 +1162,11 @@ body.page-order-success .order-wrap .card-body .order-top, body.page-payment .or
 body.page-order-success .order-wrap .card-body .order-top .left, body.page-payment .order-wrap .card-body .order-top .left {
   margin-top: -6px;
 }
+@media (max-width: 768px) {
+  body.page-order-success .order-wrap .card-body .order-top .left, body.page-payment .order-wrap .card-body .order-top .left {
+    display: none;
+  }
+}
 body.page-order-success .order-wrap .card-body .order-top .left i, body.page-payment .order-wrap .card-body .order-top .left i {
   color: #4caf50;
   font-size: 80px;
@@ -1166,6 +1176,11 @@ body.page-order-success .order-wrap .card-body .order-top .right, body.page-paym
   flex: 1;
   margin-left: 2rem;
 }
+@media (max-width: 768px) {
+  body.page-order-success .order-wrap .card-body .order-top .right, body.page-payment .order-wrap .card-body .order-top .right {
+    margin: 0;
+  }
+}
 body.page-order-success .order-wrap .card-body .order-top .right .table, body.page-payment .order-wrap .card-body .order-top .right .table {
   margin-bottom: 0;
 }
@@ -1182,6 +1197,11 @@ body.page-order-success .order-wrap .card-body .order-bottom, body.page-payment
   margin-left: calc(2rem + 80px);
   line-height: 2;
 }
+@media (max-width: 768px) {
+  body.page-order-success .order-wrap .card-body .order-bottom, body.page-payment .order-wrap .card-body .order-bottom {
+    margin: 0;
+  }
+}
 
 body.page-account-order-list {
   background-color: #F7F8FA;
diff --git a/resources/beike/shop/default/css/order-success.scss b/resources/beike/shop/default/css/order-success.scss
index 7327cece..800c75e6 100644
--- a/resources/beike/shop/default/css/order-success.scss
+++ b/resources/beike/shop/default/css/order-success.scss
@@ -6,6 +6,10 @@ body.page-order-success, body.page-payment {
       &.main-body {
         padding: 3rem;
         padding-left: 7rem;
+
+        @media (max-width:768px) {
+          padding: 3rem;
+        }
       }
 
       .order-top {
@@ -17,6 +21,10 @@ body.page-order-success, body.page-payment {
         .left {
           margin-top: -6px;
 
+          @media (max-width:768px) {
+            display: none;
+          }
+
           i {
             color: #4caf50;
             font-size: 80px;
@@ -28,6 +36,9 @@ body.page-order-success, body.page-payment {
           flex: 1;
           margin-left: 2rem;
 
+          @media (max-width:768px) {
+            margin: 0;
+          }
           .table {
             margin-bottom: 0;
           }
@@ -48,6 +59,10 @@ body.page-order-success, body.page-payment {
       .order-bottom {
         margin-left: calc(2rem + 80px);
         line-height: 2;
+
+        @media (max-width:768px) {
+          margin: 0;
+        }
       }
     }
   }