diff --git a/rc-busness/assets/css/global.less b/rc-busness/assets/css/global.less
index 60f35e44..9c802413 100644
--- a/rc-busness/assets/css/global.less
+++ b/rc-busness/assets/css/global.less
@@ -241,6 +241,17 @@ img, picture {
 	line-height: 22px;
 	color: #E2001A;
 	font-weight:bold;
+	&.ts-right-arr--two:after{
+		content: " ";
+		width: .5rem;
+		height: 1rem;
+		background: url(../image/rc-left.png) no-repeat left top;
+		background-size: contain;
+		display: block;
+		position:absolute;
+		right:0;
+		top:.25rem;
+	}
 }
 
 /* 手机端 */
diff --git a/rc-busness/assets/css/index.less b/rc-busness/assets/css/index.less
index 3ad859d4..1ee9dd3b 100644
--- a/rc-busness/assets/css/index.less
+++ b/rc-busness/assets/css/index.less
@@ -314,7 +314,7 @@ object-fit: cover;
  margin-top: 2.875rem;
  margin: 0 auto;
  position: relative;
- margin-top: 9.375rem;
+ //margin-top: 9.375rem;
  #xxxFullScreen {
   background-color: white;
   margin-top: 100px;
@@ -465,8 +465,6 @@ img{
 .rc-max-width--xl {
 	.rc-ma
 	{
-		padding:60px 0;
-		
 		.ul-zhuan{
 			width: 100%;
 			display: flex;
diff --git a/rc-busness/assets/css/quiry.less b/rc-busness/assets/css/quiry.less
new file mode 100644
index 00000000..0252abaf
--- /dev/null
+++ b/rc-busness/assets/css/quiry.less
@@ -0,0 +1,549 @@
+.rc-userbottom .ts-standard-btn{
+	padding:0 1.625rem;
+	width:auto;
+}
+.rc-image {
+	margin-top: 17px;
+	width:6rem;
+	img {
+		border: 1px solid #d8d8d8;
+		width: 100%;
+		height: auto;
+		max-height:6rem;
+		object-fit: contain;
+		display: block;
+	}
+}
+//手机端
+@media screen and (max-width: 768px) {
+	.online{
+		margin:1rem 0;
+	}
+	.rc-column{
+		padding-left:0;
+		padding-right:0;
+	}
+	.rc-layout-container{
+		.rc-max-width--xl{
+			padding-left:1.25rem;
+			padding-right:1.25rem;
+		}
+	}
+	.rc-image{
+		width:8rem;
+	}
+    .rc-userbottom{
+        display: none;
+    }
+    .viewdetails{
+        display: none;
+    }
+    .rc-foo{
+        display: none;
+    }
+    .rc-receiving {
+		display:flex;
+		align-items: baseline;
+		text-align: left;
+	  .rc-beta{
+		  margin-bottom:0;
+		  margin-right:8px;
+	  }
+      em {
+		font-style: normal;
+		color: #e1001a;
+		font-size: 22px;
+      }
+      span {
+        font-size: 12px;
+      }
+    }
+    .delivery {
+      display: flex;
+      flex-direction: column;
+      .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;
+        }
+		img{
+			width:1rem;
+			height:auto;
+			margin-right:2px;
+		}
+      }
+      .bo-delivery {
+        span {
+          font-size: 14px;
+
+          color: #666666;
+          display: block;
+          margin-top: 8px;
+        }
+      }
+    }
+
+    .mypersonal {
+      .my-delivery {
+        display: flex;
+        align-items: center;
+        font-style: normal;
+        span {
+        }
+        i {
+          font-style: normal;
+          margin-left: 8px;
+          display: block;
+		  font-size:.875rem;
+        }
+      }
+      .per-delivery {
+        span {
+          font-size: 14px;
+
+          color: #666666;
+          display: block;
+          margin-top: 8px;
+        }
+      }
+    }
+
+    .rc-usermain {
+      display: flex;
+
+      .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;
+		  .ts-standard-btn{
+			  font-size:.875rem;
+			  padding:0 1.625rem;
+			  width:auto;
+		  }
+		}
+    }
+
+
+    .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%;
+         .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: 769px) {
+	.rc-layout-container *{
+		font-size:18px;
+	}
+	.rc-layout-container h2{
+		font-size:26px;
+	}
+	.online{
+		margin:32px 0;
+		&.bold{
+			margin:40px 0;
+		}
+	}
+    .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;
+      span {
+        color: #666666;
+        font-size: 16px;
+        display: block;
+        margin-top: 8px;
+      }
+    }
+    .delivery {
+      display: flex;
+      flex-direction: column;
+      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: 14px;
+          color: #999;
+        }
+		img{
+			width:24px;
+			height:auto;
+			margin-right:16px;
+		}
+      }
+      .bo-delivery {
+        span {
+          font-size: 16px;
+          color: #666666;
+          display: block;
+          margin-top: 16px;
+        }
+      }
+    }
+
+    .mypersonal {
+      flex-direction: column;
+      justify-content: center;
+      .my-delivery {
+        display: flex;
+        align-items: center;
+        font-style: normal;
+        i {
+          font-style: normal;
+          margin-left: 8px;
+        }
+      }
+      .per-delivery {
+        span {
+          font-size: 18px;
+          color: #666666;
+          display: block;
+          margin-top: 16px;
+        }
+      }
+    }
+
+    .rc-usermain {
+      display: flex;
+      .rc-right {
+          .rc-bottomm{
+              display: none;
+          }
+  .rc-usercenter{
+      display: flex;
+      justify-content: center;
+      flex-direction: column;
+        em {
+          font-style: normal;
+          font-weight: bold;
+          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 {
+          font-size: 14px;
+        }
+        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;
+ 
+    }
+
+      }
+    }
+
+    .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;
+			  .ts-total{
+				  padding-bottom:32px;
+			  }
+              i{
+                  font-style: normal;
+                  color:#333333;
+                  font-size: 20px;
+                  margin-right: 20px;
+
+              }
+              em{
+                  font-style: normal;
+                   color: #E1001A;
+                   font-size: 26px;
+
+              }
+               span{
+                   width: 164px;
+				   font-size:1rem;
+               }
+
+          }
+    }
+
+}
\ No newline at end of file
diff --git a/rc-busness/assets/image/ico-case.png b/rc-busness/assets/image/ico-case.png
new file mode 100644
index 00000000..e9cbfe61
Binary files /dev/null and b/rc-busness/assets/image/ico-case.png differ
diff --git a/rc-busness/pages/personal/quiry.vue b/rc-busness/pages/personal/quiry.vue
index 59c94978..eb3a8a0c 100644
--- a/rc-busness/pages/personal/quiry.vue
+++ b/rc-busness/pages/personal/quiry.vue
@@ -2,31 +2,35 @@
   <div>
     <Myheader></Myheader>
 	<div class="rc-top"></div>
-    <div class="rc-layout-container rc-one-column rc-max-width--xl">
-      <div class="rc-main">
-        <div class="rc-receiving">
-          <em>{{userisdelivery}}</em>
+    <div class="rc-layout-container rc-one-column">
+      <div class="rc-full-width">
+        <div class="rc-receiving rc-max-width--xl">
+          <h2 class="rc-beta">{{userisdelivery}}</h2>
           <span>{{orderstatus}}</span>
         </div>
-        <div class="rc-border"></div>
-        <div  v-if="isshow">
-        <div class="delivery" v-for="(item, index) in delivery" :key="index" >
-            
-          <div class="to-delivery">
-            <span>{{ item.state }}</span>
-            <i>{{ item.time }}</i>
-          </div>
-          <div class="bo-delivery">
-            <span>{{ item.address }}</span>
-          </div>
-           <div class="viewdetails">
-             <span>查看详情</span>
-                <img :src="leftico" alt="" /> 
-           </div>
-        </div>
-</div>
+        <div class="online"></div>
+        <div v-if="isshow">
+			<div class="delivery rc-max-width--xl" v-for="(item, index) in delivery" :key="index" >
+				
+			  <div class="to-delivery">
+				<img src="@/assets/image/ico-case.png" class="rc-icon">
+				<span>{{ item.state }}</span>
+				<i>{{ item.time }}</i>
+			  </div>
+			  
+			  <div class="rc-layout-container rc-two-column">
+				  <div class="bo-delivery rc-column rc-padding-bottom--none">
+					<span>{{ item.address }}</span>
+				  </div>
+				  <div class="viewdetails rc-column rc-padding-bottom--none">
+					<span class="ts-right-arr ts-right-arr--two">查看详情</span>
+				  </div>
+			  </div>
+			</div>
+		</div>
+		<div class="online bold"></div>
         <div
-          class="mypersonal"
+          class="mypersonal rc-max-width--xl"
           v-for="(item, index) in useraddress"
           :key="index"
         >
@@ -38,7 +42,9 @@
             <span>{{ item.address }}</span>
           </div>
         </div>
-        <div class="rc-center" v-for="(item, index) in goldmedal" :key="index">
+		<div class="online bold"></div>
+		
+        <div class="rc-center rc-max-width--xl" v-for="(item, index) in goldmedal" :key="index">
           <div class="rc-usermain">
             <div class="rc-image">
              <img :src="item.catimage" alt="" /> 
@@ -54,12 +60,12 @@
                 <span>数量:{{ item.orderstype }}件</span>
                 <i>￥{{ item.userprice }}</i>
                  <div class="rc-bottom">
-            <span>联系客服申请售后</span>
-          </div>
+				<span class="ts-standard-btn ts-standard-btn--two">联系客服申请售后</span>
+				</div>
               </div>
-                  <div class="rc-bottomm">
-            <span>联系客服申请售后</span>
-          </div>
+				<div class="rc-bottomm">
+					<span class="ts-standard-btn ts-standard-btn--two">联系客服申请售后</span>
+				</div>
               <!-- <div class="rc-userbottomm">
                 <i>￥{{ item.userprice }}</i>
                 <span>{{ item.orderstype }}</span>
@@ -69,8 +75,8 @@
           </div>
          
         </div>
-
-        <div class="rc-merchandise">
+		<div class="online bold"></div>
+        <div class="rc-merchandise rc-max-width--xl">
           <ul>
             <li>
               <span>商品总价:</span>
@@ -90,8 +96,9 @@
             </li>
           </ul>
         </div>
-
-            <div class="rc-payment">
+		<div class="online bold"></div>
+		
+        <div class="rc-payment rc-max-width--xl">
           <ul>
             <li>
               <span>订单编号::</span>
@@ -120,15 +127,16 @@
             
           </ul>
         </div>
-
-        <div class="rc-foot">
+		<div class="online bold"></div>
+		
+        <div class="rc-foot rc-max-width--xl">
           <div class="rc-foo">
-              <div style="padding-top:55px">
-              <i>合计金额:</i>
-               <em>￥167.00</em>
+              <div class="ts-total">
+				<i>合计金额:</i>
+				<em>￥167.00</em>
                </div>
                <div style="padding-bottom:40px;cursor: pointer;">
-               <span @click="oncebuy()">再次购买</span>
+               <span class="ts-standard-btn" @click="oncebuy()">再次购买</span>
                </div>
           </div>
 
@@ -144,7 +152,7 @@ export default {
   data() {
     return {
       addressstype: null,
-      orderstatus: '',
+      orderstatus: '您的订单已发货，请耐性等待',
       userisdelivery:'待收货',
       userdelivery: "派送中",
       isshow:true,
@@ -224,602 +232,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-ul li ol li em strong i {
-  list-style: none;
-  font-style: normal;
-}
-.rc-header {
-  width: 100%;
-}
-//手机端
-@media screen and (max-width: 768px) {
-  .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;
-      height: 80px;
-      .my-delivery {
-        display: flex;
-        align-items: center;
-        font-style: normal;
-        span {
-          display: block;
-          margin-left: 3px;
-        }
-        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;
-        font-size: 14px;
-        height: 40px;
-        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;
-               }
-
-          }
-    }
-
-  }
-
-}
+@import url("../../assets/css/global.less");
+@import url("../../assets/css/quiry.less");
 </style>
\ No newline at end of file