From f201c66fc7bcd18c5b899c9d610fb6557379b8fc Mon Sep 17 00:00:00 2001
From: Vion <leung@waynetechs.com>
Date: Wed, 12 Jan 2022 19:58:15 +0800
Subject: [PATCH] rc-top spacing updated

---
 rc-busness/assets/css/settlement.less | 631 ++++++++++++++++++++++++++
 1 file changed, 631 insertions(+)
 create mode 100644 rc-busness/assets/css/settlement.less

diff --git a/rc-busness/assets/css/settlement.less b/rc-busness/assets/css/settlement.less
new file mode 100644
index 00000000..12826929
--- /dev/null
+++ b/rc-busness/assets/css/settlement.less
@@ -0,0 +1,631 @@
+ul li ol li em strong i {
+  list-style: none;
+  font-style: normal;
+}
+//手机端
+@media screen and (max-width: 768px) {
+    .rc-button{
+         position: fixed;
+         bottom: 0;
+         width: 100%;
+         height: 0.8rem;
+         background-color: white;
+         display: flex;
+         justify-content: space-between;
+         align-items: center;
+         box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
+         .rc-left{
+             margin-left: 0.20rem;
+         }
+         span{
+             font-size: 14px;
+
+color: #333333;
+         }
+         em{
+             font-style: normal;
+             font-size: 0.18rem;
+             color: #E1001A;
+         }
+         strong{
+             display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 0.48rem;
+    background: #E2001A;
+    border-radius: 0.30rem;
+    color: white;
+    width: 1rem;
+    margin-right: 0.2rem
+;
+         }
+    }
+  .rc-main {
+    width: 92%;
+    margin: 0 auto;
+    .rc-userbottom{
+        display: none;
+    }
+    .viewdetails{
+        display: none;
+    }
+    .rc-foo{
+        display: none;
+    }
+    .rc-receiving {
+      width: 100%;
+      height: 80px;
+      display: flex;
+      align-items: center;
+      em {
+          font-style: normal;
+        color: #e1001a;
+        font-size: 22px;
+      }
+      span {
+        color: #666666;
+        font-size: 12px;
+        display: block;
+        margin-left: 18px;
+        width: 62%;
+
+      }
+    }
+    .delivery {
+      display: flex;
+      flex-direction: column;
+      height: 80px;
+      .to-delivery {
+        display: flex;
+        align-items: center;
+        font-style: normal;
+        span {
+          display: block;
+          margin-left: 3px;
+        }
+        i {
+          font-style: normal;
+          margin-left: 8px;
+          display: block;
+        }
+      }
+      .bo-delivery {
+        span {
+          font-size: 14px;
+
+          color: #666666;
+          display: block;
+          margin-top: 8px;
+        }
+      }
+    }
+
+    .mypersonal {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      height: 80px;
+      .my-delivery {
+        display: flex;
+        align-items: center;
+        font-style: normal;
+        span {
+          display: block;
+        }
+        i {
+          font-style: normal;
+          margin-left: 8px;
+          display: block;
+        }
+      }
+      .per-delivery {
+        span {
+          font-size: 14px;
+
+          color: #666666;
+          display: block;
+          margin-top: 8px;
+        }
+      }
+    }
+
+    .rc-usermain {
+      display: flex;
+      .rc-image {
+        border: 1px solid #d8d8d8;
+        margin-top: 17px;
+        height: 96px;
+        img {
+          width: 96px;
+          height: 96px;
+          display: block;
+        }
+      }
+
+      .rc-right {
+        .rc-userbottomm {
+          display: none;
+        }
+        display: flex;
+        flex-direction: column;
+        width: 100%;
+        margin-left: 16px;
+        justify-content: center;
+        em {
+          font-style: normal;
+          display: block;
+          font-size: 16px;
+          margin-top: 18px;
+          font-weight: bold;
+
+          color: #e1001a;
+        }
+      }
+      .rc-userright {
+        display: flex;
+        flex-direction: column;
+        color: #666666;
+        font-size: 14px;
+        span {
+          display: block;
+          margin-top: 16px;
+        }
+      }
+      .rc-userbottom {
+        display: flex;
+        justify-content: space-between;
+        margin-top: 8px;
+        span {
+          color: #666666;
+          font-size: 14px;
+        }
+        i {
+          font-style: normal;
+          color: #e1001a;
+          font-size: 18px;
+          font-weight: bold;
+        }
+        .rc-bottom{
+            display: none;
+        }
+      }
+          .rc-bottomm {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      margin-top: 24px;
+      span {
+        display: block;
+        width: 130px;
+        display: flex;
+        align-items: center;
+        line-height: 40px;
+        text-align: center;
+        color: #e2001a;
+        height: 40px;
+        font-size: 12px;
+        border: 2px solid #e2001a;
+        justify-content: center;
+        border-radius: 30px;
+        font-weight: bold;
+      }
+      span:last-child {
+        margin-left: 15px;
+      }
+    }
+    }
+
+
+    .rc-merchandise {
+      width: 100%;
+      margin-top: 32px;
+
+      ul {
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        line-height: 26px;
+            i {
+              font-style: normal;
+              color: #666666;
+              font-size: 14px;
+            }
+        li {
+          list-style: none;
+          font-style: normal;
+          display: flex;
+          justify-content: space-between;
+          span {
+            font-size: 14px;
+
+            color: #333333;
+        
+          }
+        }
+        li:last-child {
+          i {
+            color: #e1001a;
+            font-size: 16px;
+            font-style: normal;
+          }
+        }
+      }
+    }
+
+
+     .rc-payment{
+      width: 100%;
+      margin-top: 32px;
+         .u-trackingnumber{
+             display: flex;
+             align-items: center;
+                  i {
+            font-size: 14px;
+            font-style: normal;
+            margin-right: 16px;
+         
+          }
+                  img{
+                width: 8px;
+                height: 16px;
+            }
+         }
+      ul {
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        line-height: 26px;
+            i {
+              font-style: normal;
+              color: #666666;
+              font-size: 14px;
+            }
+        li {
+          list-style: none;
+          font-style: normal;
+          display: flex;
+          justify-content: space-between;
+          span {
+            font-size: 14px;
+
+            color: #333333;
+        
+          }
+        }
+   
+      }
+    }
+      
+  }
+}
+//pc端
+@media screen and (min-width: 768px) and (max-width: 1920px) {
+
+      .rc-main {
+    width: 92%;
+    margin: 0 auto;
+    .rc-userbottomm{
+        display: none;
+    }
+    .rc-border{
+        width: 100%;
+        border-bottom: 1px solid #D7D7D7;
+        margin-top: 32px;
+    }
+    .rc-receiving {
+      width: 100%;
+      height: 80px;
+      display: flex;
+      flex-direction: column;
+      em {
+          font-style: normal;
+        color: #E1001A;
+        font-size: 26px;
+      }
+      span {
+        color: #666666;
+        font-size: 16px;
+        display: block;
+        margin-top: 25px;
+      }
+    }
+    .delivery {
+      display: flex;
+      flex-direction: column;
+      height: 140px;
+      display: flex;
+      justify-content: center;
+      .viewdetails{
+          display: flex;
+          align-items: center;
+          justify-content: flex-end;
+          span{
+              color:#444444;
+              font-size: 18px;
+              display: block;
+              margin-right: 8px;
+          }
+          img{
+              width: 8px;
+              height: 16px;
+          }
+      }
+    
+      .to-delivery {
+        display: flex;
+        align-items: center;
+        font-style: normal;
+        span {
+          display: block;
+        //   margin-left: 16px;
+          font-size: 18px;
+          color: #333333;
+        }
+        i {
+          font-style: normal;
+          margin-left: 8px;
+          display: block;
+          font-size: 18px;
+          color: #999999;
+        }
+      }
+      .bo-delivery {
+        span {
+          font-size: 16px;
+          color: #666666;
+          display: block;
+          margin-top: 16px;
+        }
+      }
+    }
+
+    .mypersonal {
+      display: flex;
+      flex-direction: column;
+      height: 140px;
+      justify-content: center;
+      .my-delivery {
+        display: flex;
+        align-items: center;
+        font-style: normal;
+        span {
+          display: block;
+          margin-left: 3px;
+           font-size: 18px;
+              color: #333333;
+        }
+        i {
+          font-style: normal;
+          margin-left: 8px;
+          display: block;
+           font-size: 18px;
+           color: #333333;
+        }
+      }
+      .per-delivery {
+        span {
+          font-size: 18px;
+          color: #666666;
+          display: block;
+          margin-top: 16px;
+        }
+      }
+    }
+
+    .rc-usermain {
+      display: flex;
+      .rc-image {
+        border: 1px solid #d8d8d8;
+        margin-top: 17px;
+        img {
+          width: 96px;
+          height: 96px;
+          display: block;
+        }
+      }
+
+      .rc-right {
+          .rc-bottomm{
+              display: none;
+          }
+  .rc-usercenter{
+      display: flex;
+      justify-content: center;
+      flex-direction: column;
+            em {
+          font-style: normal;
+          display: block;
+          font-size: 18px;
+          font-weight: bold;
+          margin-top: 17px;
+          color: #e1001a;
+        }
+  }
+     
+        display: flex;
+      
+        width: 100%;
+        margin-left: 16px;
+      
+  
+      }
+      .rc-userright {
+        display: flex;
+        flex-direction: column;
+        color: #666666;
+        font-size: 16px;
+        span {
+          display: block;
+          margin-top: 16px;
+          font-size: 16px;
+        }
+      }
+      .rc-userbottom {
+     display: flex;
+
+    width: 80%;
+    justify-content: space-between;
+    align-items: center;
+    margin-left: 119px;
+        span {
+          color: #E1001A;
+          font-size: 20px;
+        }
+        i {
+          font-style: normal;
+          color: #e1001a;
+          font-size: 20px;
+          font-weight: bold;
+        }
+            .rc-bottom {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      margin-top: 24px;
+      span {
+        display: block;
+        width: 164px;
+        display: flex;
+        align-items: center;
+        line-height: 40px;
+        text-align: center;
+        color: #e2001a;
+        height: 40px;
+        border: 2px solid #e2001a;
+        justify-content: center;
+        border-radius: 30px;
+        font-weight: bold;
+        font-size: 14px;
+      }
+ 
+    }
+
+      }
+    }
+
+    .rc-merchandise {
+      width: 100%;
+      margin-top: 32px;
+
+      ul {
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        line-height: 40px;
+        font-size: 18px;
+            i {
+              font-style: normal;
+              color: #666666;
+              
+            }
+        li {
+          list-style: none;
+          font-style: normal;
+          display: flex;
+          justify-content: space-between;
+          span {
+            color: #333333;
+        
+          }
+        }
+        li:last-child {
+          i {
+            color: #e1001a;
+            font-size: 20px;
+            font-style: normal;
+          }
+        }
+      }
+    }
+
+
+     .rc-payment{
+      width: 100%;
+      margin-top: 80px;
+         .u-trackingnumber{
+             display: flex;
+             align-items: center;
+                  i {
+            font-size: 18px;
+            font-style: normal;
+            margin-right: 16px;
+         
+          }
+                  img{
+                width: 8px;
+                height: 16px;
+            }
+         }
+      ul {
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        line-height: 40px;
+           font-size: 18px;
+            i {
+              font-style: normal;
+              color: #666666;
+              display: block;
+           
+            }
+        li {
+          list-style: none;
+          font-style: normal;
+          display: flex;
+          justify-content: space-between;
+          span {
+          
+
+            color: #333333;
+        
+          }
+        }
+   
+      }
+    }
+          .rc-foot{
+        display: flex;
+        flex-direction: column;
+          .rc-foo{
+              display: flex;
+    justify-content: flex-end;
+    flex-direction: column;
+ align-items: self-end;
+              i{
+                  font-style: normal;
+                  color:#333333;
+                  font-size: 20px;
+                  margin-right: 20px;
+
+              }
+              em{
+                  font-style: normal;
+                   color: #E1001A;
+                   font-size: 26px;
+
+              }
+               span{
+                   display: block;
+                   width: 164px;
+                   margin-top: 36px;
+                   background: #E2001A;
+                   line-height: 48px;
+                   text-align: center;
+                   color: white;
+                   font-size: 16px;
+
+height: 48px;
+         
+border-radius: 30px;
+               }
+
+          }
+    }
+
+  }
+
+}
\ No newline at end of file