Pre Merge pull request !13 from Admin/revert-merge-53-sit-Carl

.gitignore

@@ -29,3 +29,5 @@ build/
 
 ### VS Code ###
 .vscode/
+/rc-busness/.nuxt/
+/rc-busness/node_modules/

package-lock.json

@@ -0,0 +1,6 @@
+{
+  "name": "smart-admin",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {}
+}

rc-busness/README.md

@@ -0,0 +1,69 @@
+# rc-busness
+
+## Build Setup aaaasa
+ 
+```bash
+# install dependencies
+$ npm install
+
+# serve with hot reload at localhost:3000
+$ npm run dev
+
+# build for production and launch server
+$ npm run build
+$ npm run start
+
+# generate static project
+$ npm run generate
+```
+
+For detailed explanation on how things work, check out the [documentation](https://nuxtjs.org).
+
+## Special Directories
+
+You can create the following extra directories, some of which have special behaviors. Only `pages` is required; you can delete them if you don't want to use their functionality.
+
+### `assets`
+
+The assets directory contains your uncompiled assets such as Stylus or Sass files, images, or fonts.
+
+More information about the usage of this directory in [the documentation](https://nuxtjs.org/docs/2.x/directory-structure/assets).
+
+### `components`
+
+The components directory contains your Vue.js components. Components make up the different parts of your page and can be reused and imported into your pages, layouts and even other components.
+
+More information about the usage of this directory in [the documentation](https://nuxtjs.org/docs/2.x/directory-structure/components).
+
+### `layouts`
+
+Layouts are a great help when you want to change the look and feel of your Nuxt app, whether you want to include a sidebar or have distinct layouts for mobile and desktop.
+
+More information about the usage of this directory in [the documentation](https://nuxtjs.org/docs/2.x/directory-structure/layouts).
+
+
+### `pages`
+
+This directory contains your application views and routes. Nuxt will read all the `*.vue` files inside this directory and setup Vue Router automatically.
+
+More information about the usage of this directory in [the documentation](https://nuxtjs.org/docs/2.x/get-started/routing).
+
+### `plugins`
+
+The plugins directory contains JavaScript plugins that you want to run before instantiating the root Vue.js Application. This is the place to add Vue plugins and to inject functions or constants. Every time you need to use `Vue.use()`, you should create a file in `plugins/` and add its path to plugins in `nuxt.config.js`.
+
+More information about the usage of this directory in [the documentation](https://nuxtjs.org/docs/2.x/directory-structure/plugins).
+
+### `static`
+
+This directory contains your static files. Each file inside this directory is mapped to `/`.
+
+Example: `/static/robots.txt` is mapped as `/robots.txt`.
+
+More information about the usage of this directory in [the documentation](https://nuxtjs.org/docs/2.x/directory-structure/static).
+
+### `store`
+
+This directory contains your Vuex store files. Creating a file in this directory automatically activates Vuex.
+
+More information about the usage of this directory in [the documentation](https://nuxtjs.org/docs/2.x/directory-structure/store).

rc-busness/ajax/getData.js

@@ -0,0 +1,617 @@
+import fetch from '../config/async/fetch'
+/**
+ * 点击对应课程请求三级分类
+ * @param {*一级课程id} classId
+ */
+export const syncClass = classId => fetch('/api/listhome/' + classId)
+
+/**
+ * 筛选条件下拉的展示请求
+*/
+export const filter = () => fetch('/api/listhome/filter/data')
+
+/**
+ * 获取课程列表
+*/
+export const courselist = (offset, courseId, type, sort, selectScreen = []) => {
+  var selectScreenStr = ''
+  // 过滤请求数组
+  selectScreen.forEach(function (element) {
+    for (var i = 0; i < element.classlist.length; i++) {
+      if (element.classlist[i].status) {
+        selectScreenStr += element.classlist[i].id + '/'
+      }
+    }
+  })
+  var data = {
+    offset,
+    limit: '15',
+    type,
+    sort,
+    courseId,
+    selectScreenStr
+  }
+  return fetch( '/api/courselist', data)
+}
+/**
+ * 获取课程详情
+ */
+export const getDetail = (id) => {
+  fetch( '/api/courseDetail/index/' + id)
+}
+
+/**
+ * 模糊查询
+ */
+export const getleckCourse = (name, offset) => {
+  let data = {
+    limit: '15',
+    offset,
+    name
+  }
+  return fetch('/api/getleckCourse', data)
+}
+
+/**
+ * 加入购物车
+ */
+
+export const postCourseId = (productCode,buyCount,memberId, mobile,productImg,productName,productPrice,specifications) => {
+  var data = {
+    buyCount:buyCount,
+    memberId: memberId,
+    mobile:mobile,
+    productCode:productCode,
+    productImg: productImg,
+    productName:productName,
+    productPrice:productPrice,
+    specifications:specifications
+  }
+  return fetch('/insertCartProductInfo', data,'POST')
+}
+/**
+ * 是否存在购物车
+ */
+ export const isexistCart = (id, pet,address) => {
+  var data = {
+    memberId: id,
+  }
+  return fetch('getCartProductInfo?memberId='+id,data,'POST')
+}
+
+/**
+ * 删除购物车
+ */
+export const deleteCart = (memberId, productCode) => {
+  var data = {
+    memberId: memberId,
+    productCode:productCode
+  }
+  return fetch('cancelCartProductInfo',data,'POST')
+}
+/**
+ * 购物车批量提交
+ */
+export const mostAddClass = (id) => {
+  return fetch('/api/mostAddClass/', {id})
+}
+/**
+ * 删除购物车
+ */
+// export const deleteCart = (deleteArr = []) => {
+
+
+
+//   // 拿到数组处理一下把
+//   let id = deleteArr.join('-')
+//   return fetch('/api/deleteCart/', {id})
+// }
+/**
+ * 发送验证码
+ */
+ export const sendMsg = (mobile, pet,address) => {
+  var data = {
+    phoneNumber:mobile,
+  }
+  return fetch('sendMsg', data, 'POST' )
+}
+
+/**
+ * 发送验证码数据
+ */
+ export const vadatnmsg = (msgNum,hash,tamp) => {
+  var data = {
+    msgNum:msgNum,
+    tamp:tamp,
+    hash:hash
+  }
+  return fetch('validateNum', data, 'POST' )
+}
+
+/**
+ * 筛选标签
+ */
+ export const userstype = (stype, pet,address) => {
+  var data = {
+    petType:0,
+  }
+  return fetch('productSearchTag/query?petType=' + 0, data, 'POST' )
+}
+/**
+ * 登录
+ */
+export const userLongin = (mobile, pet,address) => {
+  var data = {
+    id:'',
+    mobile:mobile,
+  }
+  return fetch('member?type=get', data, 'POST' )
+}
+
+  //注册
+export const useredit = (mobile, pet,address) => {
+  var data = {
+    mobile:mobile,
+    memberName:'',
+    realName:'',
+    gender:'',
+    email:'',
+    openId:'',
+    unionId:'',
+    birthday:'',
+    provinceId:'',
+    cityId:'',
+    districtId:'',
+    storeCode:'',
+    remark:'',
+    memberMark:'',
+  
+    remark:''
+  }
+  return fetch('member?type=add', data, 'POST' )
+}
+   //查询标品全部信息
+// export const userquery = (mobile, pet,address) => {
+//   var data = {
+//     channelId:"15",
+//     secret:'H5@2021'
+
+//   }
+//   return fetch('h5/brand/query', data, 'POST' )
+// }
+//点击商品全部信息
+export const userquery = (stype) => {
+
+  console.log(stype);
+  var data = {
+    goodsName:stype
+
+  }
+  return fetch('goods?goodsName='+stype, data, 'POST' )
+}
+//商品全部信息
+export const userque = (stype) => {
+
+  console.log(stype);
+  var data = {
+  }
+  return fetch('goods', data, 'POST' )
+}
+
+
+
+//标品全部信息
+export const biaomessage = (stype,name,curPage,curRow) => {
+	if(!curPage)
+		curPage=1;
+	if(!curRow)
+		curRow=10;
+	let queryTail='&page='+curPage+'&rows='+curRow;
+	if(stype.length>1){
+		let list={};
+		stype.map(item=>{
+			console.log(item);
+			list=item
+		})
+		var str = "?";
+		for(var key in list){
+			str = str + key + "=" + list[key] + "&";
+		}
+		stype = str.substr(0,str.length-1);
+		return fetch('product/query'+stype+queryTail, '', 'POST' )
+	}else{
+		return fetch('product/query?petType='+stype+queryTail, '', 'POST' )
+	}
+}
+
+export const searchchanpin = (stype,usertype,curPage,curRow) => {
+
+  console.log(stype,usertype);
+  
+  if(!curPage)
+		curPage=1;
+	if(!curRow)
+		curRow=10;
+	let queryTail='&page='+curPage+'&rows='+curRow;
+  console.log(stype);
+  let list={};
+  stype.map(item=>{
+    console.log(item);
+    list=item
+  }) 
+  var str = "&";
+            for(var key in list){
+
+                str = str + key + "=" + list[key] + "&";
+            }
+            str = str.substr(0,str.length-1);
+  var data = {
+    page:1,
+    row:10
+  }
+  
+  return fetch('product/query?petType='+usertype+str+queryTail, data, 'POST' )
+}
+
+
+
+
+
+// var str = "?";
+//             for(var key in data){
+//                 str = str + key + "=" + data[key] + "&";
+//             }
+//             str = str.substr(0,str.length-1);
+
+
+//查询订单
+export const userindent = (phoneNumber,orderNumber,) => {
+  var data = { 
+    phoneNumber:'18112621098',
+    orderNumber:orderNumber,
+  }
+  return fetch('orderMaster/?type=query', data, 'POST' )
+}
+//查询订单详情
+export const userin = (orderNumber,) => {
+  var data = { 
+    orderNumber:orderNumber,
+  }
+  return fetch('orderMaster/?type=query', data, 'POST' )
+}
+
+
+
+//取消订单
+export const canceldanhao = (orderNumber) => {
+  var data = {
+   
+    orderNumber:orderNumber,
+  }
+  return fetch('cancelOrder/', data, 'POST' )
+}
+
+
+export const biaomessa = (stype) => {
+  console.log(stype);
+  var data = {
+    name:stype,
+    page:1,
+    row:10
+  }
+  return fetch('product/query', data, 'POST' )
+}
+
+export const biaome = (usertype,stype,curPage,rows) => {
+  if(!curPage)
+		curPage=1;
+    if(!rows)
+		rows=10;
+    let queryTail='&page='+curPage+'&rows='+rows;
+    let username='&name='+stype
+  console.log(stype);
+  var data = {
+    name:stype,
+    rows:10,
+    page:1,
+  }
+  return fetch('product/query?petType='+usertype+username+queryTail,data, 'POST' )
+}
+
+
+
+//会员积分
+export const memberAccount = (stype) => {
+  console.log(stype);
+  var data = {
+    memberId:stype
+  }
+  return fetch('memberAccount?type=history', data, 'POST' )
+}
+
+
+//查询订单信息
+export const ordermaster = (stype) => {
+  console.log(stype);
+  var data = {
+  
+    memberId:'223782'
+  }
+  return fetch('memberAccount', data, 'POST' )
+}
+
+//微信支付
+export const payOrderWX = (stype) => {
+  console.log(stype);
+  var data = {
+   
+    memberId:'223782'
+  }
+  return fetch('memberAccount', data, 'POST' )
+}
+
+
+
+
+export const insercar = (stype) => {
+  console.log(stype);
+  var data = {
+    petType:stype
+  }
+  return fetch('product/insertCartProductInfo', data, 'POST' )
+}
+
+
+
+
+
+//查询猫狗商品信息
+export const catquery = (productCode,type) => {
+  console.log(productCode);
+  var data = {
+   
+    petType:0
+
+  }
+  return fetch('h5/product/query', data, 'POST' )
+}
+//查询猫狗商品信息
+export const dogquery = (productCode,type) => {
+  console.log(productCode);
+  var data = {
+  
+    petType:1,
+    pet_type:0
+
+  }
+  return fetch('h5/product/query', data, 'POST' )
+}
+
+
+
+
+
+//查询单个商品
+export const oncequery = (productCode) => {
+
+  var data = {
+  
+    productCode:productCode
+
+  }
+  return fetch( "goodsByProductCode?productCode="+productCode, data, 'POST' )
+}
+
+
+//查询单个商品
+export const goodsmessage = (productCode) => {
+
+  var data = {
+    productCode:productCode
+
+  }
+  return fetch( "productMaster/query?productCode="+productCode, data, 'POST' )
+}
+
+
+
+
+  //优惠券的插入
+  export const inserdiscount = (mobile,couponId) => {
+    var data = {
+      mobile:mobile,
+      couponId:couponId
+    }
+    return fetch('coupon?type=fetch', data, 'POST' )
+  }
+
+
+    //优惠券的查询
+    export const getdiscount = (memberId,channelSecurity,mobile) => {
+      var data = {
+        memberId:memberId,
+        mobile:mobile
+      }
+      return fetch('memberAddress?type=getAll', data, 'POST' )
+    }
+
+       //可用的优惠券
+       export const alldiscount = (memberId,channelSecurity,mobile) => {
+        var data = {
+          memberId:memberId,
+        }
+        return fetch('couponConfig?type=getAll', data, 'POST' )
+      }
+
+
+        //用户领取的优惠券
+        export const getdraw = (mobile,states) => {
+          var data = {
+            mobile:mobile,
+            status:states
+          }
+          return fetch('coupon?type=getAll', data, 'POST' )
+        }
+
+
+  //微信支付
+  export const generateOrderWX = (list) => {
+    var data = [{
+      
+
+      }]
+    return fetch('generateOrderWX', list, 'POST' )
+  }
+  //用户所有的优惠券
+    export const allConfig = (memberId,channelSecurity,mobile) => {
+      var data = {
+      }
+      return fetch('couponConfig?type=getAll', data, 'POST' )
+    }
+    
+
+      //用户领取优惠券
+      export const getConfig = (memberId,couponId) => {
+        var data = {
+          memberId:memberId,
+          couponId:couponId,
+        }
+        return fetch('coupon?type=fetch', data, 'POST' )
+      }
+
+      
+      //用户下的优惠券
+      export const userConfig = (memberId,couponId) => {
+        var data = {
+          memberId:memberId,
+          couponId:couponId,
+        }
+        return fetch('coupon?type=fetch', data, 'POST' )
+      }
+
+
+
+
+    //用户订单的查询
+    // export const customerorders = (memberId,channelSecurity,mobile) => {
+    //   var data = {
+    //     productName:'幼猫全价粮',
+    //     buyCount:'2',
+    //     productId:'210352',
+    //     payAmount:'517',
+    //     memberId:'844350',
+    //     phoneNumber:'18112621098',
+    //   }
+    //   return fetch('generateOrderWX', data, 'POST' )
+    // }
+
+  
+  //地址的查询
+  export const selectaddress = (memberId, pet,address) => {
+    var data = {
+      memberId:memberId,
+    }
+    return fetch('memberAddress?type=getAll', data, 'POST' )
+  }
+
+
+  //地址的添加                  //id/详细地址/ 收货人姓名/收货人电话号码/省份id/城市id/区域编码
+  export const editaddress = (memberId, detailAddress,recipient,tel,provinceId,cityId,districtId) => {
+    var data = {
+      memberId:844350,
+      provinceId:25,
+      cityId:36,
+      districtId:418,
+      detailAddress:'古美路1455弄46号302',
+      recipient:'蒋缘缘2',
+      recipientPhone:'13671516167',
+      zipCode:'214423',
+      default:false,
+    }
+    return fetch('memberAddress?type=add', data, 'POST' )
+  }
+
+      //删除
+      export const editdelete = (memberId,ids) => {
+        var data = {
+          memberId:memberId,
+          ids:ids,
+        }
+        return fetch('memberAddress?type=delete', data, 'POST' )
+      }
+
+    //地址的编辑
+    export const editupdate = (mobile, pet,address) => {
+      var data = {
+  
+        memberId:'3242',
+        id:'620111',
+        provinceId:'',
+        cityId:'',
+        districtId:'',
+        detailAddress:'江西省萍乡市',
+        recipient:'刘佳敏',
+        recipientPhone:'13407998521',
+        zipCode:'',
+        isDefault:'',
+      }
+      return fetch('memberAddress?type=update', data, 'POST' )
+    }
+
+//修改密码
+export const userchange = (id, pet,address) => {
+  var data = {
+    id:id,
+  }
+  return fetch('member?type=update', data, 'POST' )
+}
+
+
+/**
+ * 登录
+ */
+
+export const getCartList = (user) => {
+  var data = {
+    user
+  }
+  return fetch('/api/cartList', data)
+}
+
+/**
+ * 提交订单
+ */
+
+export const submitOrder = (phone, id, total, oldOrder) => {
+  var data = {
+    phone,
+    id,
+    total,
+    oldOrder
+  }
+  return fetch('/api/submitOrder', data)
+}
+
+/**
+ * 支付成功
+ */
+
+export const paySuccess = (id, uers) => {
+  var data = {
+    id,
+    uers
+  }
+  return fetch('/api/paySuccess', data)
+}
+/**
+ * 请求订单列表
+ */
+
+export const getOrderList = (user, status) => {
+  var data = {
+    user,
+    status
+  }
+  return fetch('/api/getOrderList', data)
+}
+

rc-busness/assets/css/discount.less

@@ -0,0 +1,320 @@
+@media screen and (max-width:768px){
+    .allmain{
+     
+    
+    }
+    .active {
+        font-size: 14px;
+        color: #E2001A;
+    
+      }
+      .unactive {
+        font-size: 14px;
+        color: #444444;
+    
+      }
+      .rc-usermain{
+      .online{
+          margin-top: 0;
+      }
+   
+      .rc {
+        height: 64px;
+        display: flex;
+        align-items: center;
+        margin-left: 23px;
+        span {
+          display: block;
+          margin-left: 32px;
+          font-weight: bold;
+          cursor: pointer;
+        }
+        span:first-child {
+          margin-left: 0;
+        }
+      }
+    }
+
+    
+      .rc-discount {
+        margin-left: 20px;
+        display: flex;
+        margin-top: 16px;
+        width: 335px;
+        background: #ffffff;
+        position: relative;
+        img {
+          display: block;
+          width: 100%;
+          height: 100%;
+        }
+        .rc-contair {
+          position: absolute;
+          left: 0;
+          top: 0;
+          width: 100%;
+          height: 100%;
+          z-index: 8;
+        }
+        .rc-left {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          justify-content: center;
+          color: #e1001a;
+          text-align: center;
+          width: 30%;
+          font-weight: bold;
+          float: left;
+          height: 100%;
+          i {
+            font-style: normal;
+            font-size: 12px;
+          }
+          span {
+            font-size: 26px;
+          }
+          strong {
+            font-style: normal;
+            font-size: 12px;
+            display: block;
+          }
+        }
+        .rc-right {
+          display: flex;
+          flex-direction: column;
+          height: 100%;
+          i {
+            font-style: normal;
+            font-size: 14px;
+            color: #e1001a;
+          }
+          .rc-userfont {
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            color: #999999;
+            font-size: 12px;
+            strong{
+                display: block;
+                margin-top: 8px;
+            }
+          }
+       
+          em {
+            font-style: normal;
+          }
+          .ts-stand{
+            display: flex;
+            align-items: center;
+            justify-content: end;
+            padding-right: 17px;
+            margin-bottom: 8px;
+          }
+          .ts-standard-btn{
+                
+            width: 72px;
+            display: flex;
+height: 25px;
+background: #E2001A;
+border-radius: 100px;
+align-items: center;
+font-size: 12px;
+justify-content: center;
+margin-top: 8px;
+
+        }
+        span{
+        margin-top: 0;
+        }
+        margin-top: 17px;
+    padding-left: 36px;
+        }
+        .rc-footer {
+          display: flex;
+          align-items:flex-end;
+          span {
+            width: 72px;
+            height: 25px;
+            background: #e2001a;
+            text-align: center;
+            line-height: 25px;
+            font-size: 12px;
+            color: #ffffff;
+            margin-bottom: 8px;
+            border-radius: 100px;
+            margin-right: 30px;
+          }
+        }
+    
+        
+      }
+
+}
+@media screen and (min-width: 769px){
+.online{
+  margin-top: 30px;
+}
+     .allmain{
+      
+        .rs-dis{
+            display: flex;
+    flex-flow: wrap;
+    justify-content: center;
+        }
+    
+    }
+ 
+    .active {
+        font-size: 14px;
+        color: #E2001A;
+    
+      }
+      .unactive {
+        font-size: 14px;
+        color: #444444;
+    
+      }
+      .rc-usermain{
+      .online{
+          margin-top: 0;
+      }
+   
+      .rc {
+        height: 96px;
+        display: flex;
+        align-items: center;
+        margin-left: 23px;
+        justify-content: center;
+        span {
+          display: block;
+          margin-left: 40px;
+          font-size: 16px;
+          font-weight: bold;
+          cursor: pointer;
+        
+        }
+        span:first-child {
+          margin-left: 0;
+        }
+      }
+    }
+
+    
+      .rc-discount {
+        margin-left: 20px;
+        display: flex;
+        margin-top: 16px;
+        width: 335px;
+        background: #ffffff;
+        position: relative;
+        img {
+          display: block;
+          width: 100%;
+          height: 100%;
+        }
+        .rc-contair {
+          position: absolute;
+          left: 0;
+          top: 0;
+          width: 100%;
+          height: 100%;
+          z-index: 8;
+        }
+        .rc-left {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          justify-content: center;
+          color: #e1001a;
+          text-align: center;
+          width: 30%;
+          font-weight: bold;
+          float: left;
+          height: 100%;
+          i {
+            font-style: normal;
+            font-size: 12px;
+          }
+          span {
+            font-size: 26px;
+          }
+          strong {
+            font-style: normal;
+            font-size: 12px;
+            display: block;
+          }
+        }
+        .rc-right {
+          display: flex;
+          flex-direction: column;
+          height: 100%;
+          i {
+            font-style: normal;
+            font-size: 16px;
+            color: #e1001a;
+          }
+          .rc-userfont {
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            color: #999999;
+            font-size: 12px;
+            strong{
+                display: block;
+                margin-top: 8px;
+            }
+          }
+       
+          em {
+            font-style: normal;
+          }
+          .ts-stand{
+            display: flex;
+            align-items: center;
+            justify-content: end;
+            padding-right: 17px;
+            margin-bottom: 8px;
+            float: right;
+          }
+          .ts-standard-btn{
+                
+            width: 72px;
+            display: flex;
+height: 25px;
+background: #E2001A;
+border-radius: 100px;
+align-items: center;
+font-size: 12px;
+justify-content: center;
+margin-top: 8px;
+
+        }
+        span{
+        margin-top: 0;
+        }
+        margin-top: 17px;
+    padding-left: 36px;
+        }
+        .rc-footer {
+          display: flex;
+          align-items:flex-end;
+          span {
+            width: 72px;
+            height: 25px;
+            background: #e2001a;
+            text-align: center;
+            line-height: 25px;
+            font-size: 12px;
+            color: #ffffff;
+            margin-bottom: 8px;
+            border-radius: 100px;
+            margin-right: 30px;
+          }
+        }
+    
+        
+      }
+
+
+}

rc-busness/assets/css/global.less

@@ -0,0 +1,619 @@
+/*Body*/
+body{
+	font-family: DINPro,'PingFang SC',miui,'Hiragino Sans GB','Microsoft Yahei',sans-serif;
+	line-height: 1.5;
+	color: #666;
+}
+.fade-enter,
+.fade-leave-active {
+  opacity: 0;
+}
+
+.ts-mask{
+	width:100%;
+	height:100%;
+	position: fixed;
+	top:0;
+	left:0;
+	display:flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	z-index:99;
+	
+	.ts-mask-bg{
+		background-color:#000;
+		opacity:.6;
+		width:100%;
+		height:100%;
+		z-index:0;
+		position:absolute;
+		left:0;
+		top:0;
+	}
+}
+.userloding {
+	background: url(../image/onloading.png) center center no-repeat;
+	width: 3.12rem; 
+	background-size: contain;
+	height: 3.12rem; 
+	animation: rolling 4s infinite;
+	-webkit-animation:rolling 4s infinite;
+}
+
+@keyframe rolling
+{
+	from{
+		transform: rotateZ(0deg);
+	}
+	to{
+		transform: rotate(360deg);
+	}
+}
+@-webkit-keyframes rolling
+{
+	from{
+		transform: rotateZ(0deg);
+	}
+	to{
+		transform: rotate(360deg);
+	}
+}
+
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.5s;
+}
+//用户光点
+.rc-screen-reader{
+	width: 0.81rem;
+	height: 0.81rem;
+	border-radius: 50%;
+    position: absolute;
+    background-color: red;
+	top: 16%;
+    left: 66%;
+    display: block;
+    width: 0.37rem;
+    height: 0.37rem;
+}
+img, picture {
+    display: block;
+    max-width: 100%;
+    height: auto;
+}
+.rc-main {
+	padding-left:1.25rem;
+	padding-right:1.25rem;
+	box-sizing:border-box;
+	margin-left:auto;
+	margin-right:auto;
+}
+.ts-remove {
+	text-decoration: line-through;
+}
+.ts-product-list{
+	text-align: center;
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-evenly;
+	&:after{
+
+	}
+	li{
+		border: 1px solid #D7D7D7;
+		display: inline-flex;
+		border-radius: 4px;
+		flex-direction: column;
+		max-width:10rem;
+		.rc-column
+		{
+			text-align:center;
+			padding:0 1rem;
+			box-sizing: border-box;
+			span{
+					height:2.75rem;
+					font-size: 1rem;
+					text-overflow: -o-ellipsis-lastline;
+					overflow: hidden;
+					text-overflow: ellipsis;
+					display: -webkit-box;
+					-webkit-line-clamp: 2;
+					line-clamp: 2;
+					-webkit-box-orient: vertical;
+					word-break: break-all;
+					white-space: normal;
+					color:#E2001A;
+			}
+			i{
+				font-style: normal;
+				font-size: 1.125rem;
+				margin-top: .5rem;
+				display: block;
+			}
+		}
+	}
+	img{
+		width:10rem;
+		height:10rem;
+		object-fit: contain;
+		display: flex;
+		margin: 0 auto;
+		height: auto;
+	}
+	.active{
+		color: #E2001A;
+		cursor: pointer;
+	}
+	.unactive{
+		color:#999999;
+		cursor: pointer;
+	}
+}
+.rc-container {
+    height: 100%;
+    max-width: 1400px;
+    background-color: #fff;
+    margin: auto;
+}
+.ts-standard-btn{
+	font-style: normal;
+	width: 8.125rem;
+	height: 2.5rem;
+	border: 2px solid #E2001A;
+	border-radius: 1.875rem;
+	display: block;
+	line-height: 2.25rem;
+	font-size: .875rem;
+	color: #fff;
+	cursor: pointer;
+	text-align: center;
+	background: #E2001A;
+	&.center{
+		margin-left:auto;
+		margin-right:auto;
+	}
+	&.ts-standard-btn--two{
+		background-color: transparent;
+		color: #e2001a;
+		border-color: #e2001a;
+	}
+	&.ts-standard-btn--max-width{
+		width:100%;
+	}
+}
+
+
+.rc-mubu{
+	height: 100%;
+	background: #333333;
+	opacity: 0.6;
+	position: fixed;
+	bottom: 0;
+	width: 100%;
+	z-index: 8;
+}
+.ts-scrollable-container{
+	display: flex;
+	align-items: center;
+	h2{
+		margin:0;
+		display: flex;
+		align-items: center;
+	}
+	.ts-scrollable{
+		overflow-y:hidden;
+		overflow-x:auto;
+		white-space: nowrap;
+		display: flex;
+		align-items: center;
+		flex-wrap: nowrap;
+		text-align: center;
+		width: 86%;
+		li{
+			border-radius: 100px;
+			flex-shrink:0;
+		}
+	}
+	.active{
+		color: #E2001A;
+		cursor: pointer;
+		border: 2px solid #E2001A;
+	}
+	.unactive{
+		color:#999999;
+		cursor: pointer;
+		border: 2px solid #d7d7d7;
+	}
+}
+
+ .online{
+ 	width:100%;
+ 	background:#d7d7d7;
+ 	margin-top:1.5rem;
+	height:.06rem;
+	&.bold{
+		height:.32rem;
+		background:#f6f6f6;
+	}
+ }
+/*Body end*/
+
+/* 头部 */
+.rc-fixright{
+	width: 3.75rem;
+	height: auto;
+	position: fixed;
+	right: 0;
+	top: 30%;
+	background: #FFFFFF;
+	box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
+	border-radius: .25rem;
+	z-index:3;
+	ul{
+		width: 60px;
+		height: 181px;
+		background-color: white;
+		display: flex;
+		flex-direction: column;
+		li{
+			width: 100%;
+			display: flex;
+			flex-direction: column;
+			justify-content: center;
+			align-items: center;
+			margin-top: 1.125rem;
+		}
+		li:last-child{
+			margin-bottom: 0.2rem;
+		}
+	}
+	img{
+		width: 1.25rem;
+		height: auto;
+		display: block;
+	}
+	span{
+		font-size: 0.12rem;
+	}
+	.tuntop{
+		width: 100%;
+		height:4.125rem;
+		box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+	}
+}
+
+.ts-max-width--460{
+	max-width: 460px;
+	margin-left: auto!important;
+	margin-right: auto!important;
+}
+
+.ts-standard-input{
+	background: #F6F6F6;
+	width: 100%;
+	height: 3rem;
+	border-radius: 4px;
+	padding:.875rem 0 .875rem 1rem;
+	&::-webkit-input-placeholder {
+		text-align: left;
+	}
+	&.ts-standard-input--two{
+		
+	}
+}
+.ts-right-arr {
+	font-style: normal;
+	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;
+	}
+}
+
+/* 手机端 */
+@media screen and (max-width: 768px) 
+{
+	html {
+		//font-size:100px;
+	}
+	.rc-md-up {
+	    display: none!important;
+	}
+	.rc-main{
+		width:100%;
+	}
+	.rc-top{
+		margin-top: 90px;
+	}
+	.rc-list__header {
+
+	}
+	.ts-right-arr {
+		border-bottom:1px solid #E1001A;
+		padding-bottom:2px;
+	}
+	.rc-home-header{
+		width: 100%;
+		.rc-main
+		{
+			box-sizing: border-box;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			height: 70px;
+			background-color: #fff;
+			.rc-center{
+				display: none;
+			}
+		}
+		.c-left img{
+			width: 19px;
+			height: 14px;
+			display: block;
+		}
+		.c-right img{
+			width: 97px;
+			height: 35px;
+			display: block;
+		}
+		.rc-search img{
+			width: 19px;
+			height: 19px;
+			display: block;
+		}
+		&.fixed{
+			position:fixed;
+			top: 0;
+			left: 0;
+			z-index:3;
+		}
+   }
+	.ts-scrollable-container{
+		margin-bottom:1.25rem;
+		&:last-child{
+			margin-bottom:0;
+		}
+		h2{
+			font-size: 16px;
+			margin-right:.1rem;
+		}
+		.ts-scrollable{
+			li{
+				// width: 4.125rem;
+				padding: 0 0.62rem;
+				height: 1.625rem;
+				margin-left: .5rem;
+				font-size:.75rem;
+				line-height: 1.375rem;
+			}
+			&::-webkit-scrollbar{
+				display:none;
+			}
+		}
+	}
+	
+}
+  /* pc端 */
+@media screen and (min-width: 769px) 
+{
+	/deep/.van-tabs__wrap
+	{
+		max-width: 768px;
+		margin: 0 auto;
+	}
+	
+	html {
+		font-size:16px;
+	}
+	.rc-top{
+		margin-top: 124px;
+	}
+	.ts-product-list{
+		text-align: left;
+		display:block;
+		li{
+			max-width:20rem;
+			min-width:18.75rem;
+			width:22.8vw;
+			//margin-right:.875rem;
+			margin-left:2vw;
+			padding-left:1px;
+			padding-right:1px;
+			box-sizing: border-box;
+			.rc-column{
+				span{
+					font-size:1.875rem;
+					height: 5.2rem;
+				}
+			}
+			&:nth-child(4n+1){
+				margin-left:0;
+			}
+			&:nth-child(4n){
+				//margin-right:0;
+			}
+		}
+		img{
+			width:100%;
+			max-width:320px;
+			min-width:160px;
+		}
+	}
+	.ts-right-arr {
+		cursor: pointer;
+		border-bottom : unset;
+		padding-right:1rem;
+		position:relative;
+		&:after{
+			content: " ";
+			width: .5rem;
+			height: 1rem;
+			background: url(../image/arr-right-red.png) no-repeat left top;
+			background-size: contain;
+			display: block;
+			position:absolute;
+			right:0;
+			top:.25rem;
+		}
+	}
+	.rc-main {
+		width:100%;
+		max-width:1400px;
+	}
+	.rc-list--inline:not([role=tablist]):not([role=menubar]) {
+	    -ms-flex-wrap: wrap;
+	    flex-wrap: wrap;
+	}
+	.layout-container, .rc-layout-container {
+	    margin-left: -1rem;
+	    margin-right: -1rem;
+	}
+	.rc-fixright{
+		width:5.5rem;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		ul{
+			width:100%;
+			height: 100%;
+			li{
+			  margin-top: .5rem;
+			  height:4.125rem;
+			  img{
+				  width:22px;
+				  height:auto;
+			  }
+			}
+		}
+	}
+	.rc-home-header{
+		height:120px ;
+		.rc-main
+		{
+			width: 100%;
+			margin: 0 auto;
+			//  position: fixed;
+			top: 0;
+			background: white;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			flex-direction: column;
+			height: 120px;
+			ul
+			{
+				display: flex;
+				align-items: center;
+				margin-bottom: 20px;
+				li
+				{
+					margin-right: 25px;
+					color: #666666;
+					cursor: pointer;
+					font-size: 16px;
+				}
+			}
+		}
+		.c-left{
+			display: none;
+		}
+		.rc-search{
+			display: none;
+		}
+		.c-left img
+		{
+			width: 19px;
+			height: 14px;
+			display: block;
+		}
+		.c-right img{
+			width: 120px;
+			height: 45px;
+			display: block;
+		}
+	}
+	
+	.ts-scrollable-container
+	{
+		margin-top:1.25rem;
+		&:last-child{
+			margin-bottom:0;
+		}
+		h2{
+			font-size:20px;
+			padding-bottom:1rem;
+		}
+		.ts-scrollable
+		{
+			padding-bottom:1rem;	
+			scrollbar-width: thin;
+			li
+			{
+				margin-left: 30px;
+				width: 8.125rem;
+				height: 2.5rem;
+				//line-height: 40px;
+				font-size: .875rem;
+				padding:.375rem;
+			}
+			
+			&::-webkit-scrollbar{
+				height: 6px;
+				width:50%;
+				background:transparent;
+			}
+			&::-webkit-scrollbar-thumb{
+				background-color:#d7d7d7;
+				border-radius:10px;
+				width:50%;
+			}
+			&::-webkit-scrollbar-track{
+				//background-color:#ddd;
+				background-color:transparent;
+			}
+			&::-webkit-scrollbar-button{
+				background:unset;
+			}
+			/* */
+		}
+	}
+
+}
+
+@media (max-width: 960px)
+{
+	.rc-lg-up {
+		display: none!important;
+	}
+}
+@media (min-width: 1024px)
+{
+	.rc-xl-down {
+		display: none!important;
+	}
+}
+@media screen and (min-width: 769px) and (max-width: 1370px)
+{
+	.ts-product-list {
+		display:flex;
+		//justify-content: space-between;
+		li{
+			//margin-left:0;
+			//margin-right:0;
+		}
+	}
+}

rc-busness/assets/css/index.less

@@ -0,0 +1,708 @@
+/deep/.van-swipe__indicator {
+	width:.5rem;
+	height:.5rem;
+}
+/deep/.van-swipe__indicator--active{
+	background-color: #E1001A;
+}
+
+.ts-carousel-indicator{
+	/deep/.swiper-pagination-bullet{
+		margin-left:.5rem;
+	}
+	/deep/.swiper-pagination-bullet-active{
+		background:#E2001A;
+	}
+	&.center{
+		width:100%;
+		text-align: center;
+	}
+}
+.ts-position-identifier{
+
+}
+.ul-zhuan,.ul-dog{
+	li{
+		background: unset;
+		img{
+			border-radius: 50%;
+		}
+		&.active {
+			img{
+				border: 3px solid #E2001A;
+			}
+			color: #E2001A;
+		
+		}
+		&.unactive {
+			color: #444444;
+			img{
+				border: 3px solid #D7D7D7;
+			}
+		}
+	}
+}
+
+.uservideo{
+	overflow: hidden;
+	video{
+		height:100%;
+		width:auto;
+	}
+}
+.ul-dog{
+	width: 100%;
+	display: flex;
+	justify-content: center;
+	flex-wrap: wrap;
+	flex-direction: row;
+
+	span{
+		margin-top: .5rem;
+		display: block;
+	}
+	img{
+		width: 9.5rem;
+		height: auto;
+		display: block;
+	}
+	li{
+		cursor: pointer;
+		font-size: 16px;
+		text-align: center;
+		margin-top:3rem;
+		margin-left:3rem;
+	}
+}
+@media screen and (max-width:768px){
+	.ul-dog{
+		justify-content: space-evenly;
+		img{
+			width:4rem;
+			height:auto;
+		}
+		li{
+			margin-top:1.875rem;
+		}
+	}
+	.ts-banner-swiper-container{
+		margin-bottom:2.5rem;
+	}
+	.searchBara{
+		width: 100%;
+		position: fixed;
+		top:3.75rem;
+		background: white;
+		z-index: 60;
+		overflow-x: auto;
+		white-space: nowrap;
+		overflow-y:hidden;
+		span{
+			margin-top: 0.08rem;
+			display: block;
+		}
+		img{
+			width: 4rem;
+			height: 4rem;
+			display: block;
+		}
+		li{
+			display: inline-block;
+			margin-left: 0.20rem;
+			text-align: center;
+			border-radius: 50%;
+			opacity: 1;
+		}
+	   }
+	.rc-login{
+		width: 92%;
+		margin:0 auto;
+	}
+   .userunlogin{
+    width: 100%;
+    height: 0.60rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    .user-left{
+      display: flex;
+      align-items: center;
+      img{
+            width: 0.16rem;
+            height: 0.16rem;
+            display: block;
+      }
+      span{
+        color: #444444;
+        font-size: 0.16rem;
+       margin-left: 0.06rem;
+      }
+    }
+    .user-right{
+      img{
+        width: 8px;
+        height: 16px;
+        display: block;
+      }
+    }
+    
+   }
+   .rc-usermessage{
+		span{
+			font-size: 1rem;
+			display: block;
+			text-align: center;
+		}
+	}
+	.rc-video{
+	display: none;
+	}
+	.useraimg{
+		width: 100%;
+		height: auto;
+		object-fit: cover;
+	}
+	
+	.van-swipe{
+		z-index: 2;
+	}
+	.van-swipe-item {
+		color: #fff;
+		width: 100%;
+		font-size: 0.20px;
+		text-align: center;
+		position: relative;
+	}
+	.rc-lunbo{
+	margin-top: 0.46rem;
+	.rc-selection{
+	display: none;
+	}
+	#xxxFullScreen {
+	background-color: white;
+	margin-top: 0.40rem;
+	#swiper1 {
+		overflow: hidden;
+	}
+	.swiper-container{
+	height: 6.45rem;
+	}
+	.swiper-container, .swiper-container2 {
+	width: 100%;
+	// overflow: visible !important;
+	height: 100%;
+	position: relative;
+	}
+	#swiper1 .swiper-container .swiper-wrapper .swiper-slide {
+		width: 17.25rem;
+		//height: 6.45rem !important; //Auto adaption
+	}
+
+	/* 上一张 */
+	#swiper1 .swiper-container .swiper-wrapper .swiper-slide-prev {
+	margin-top: 0.05rem;
+	height: 100%;
+
+	}
+	/* 下一张 */
+	#swiper1 .swiper-container .swiper-wrapper .swiper-slide-next {
+	margin-top: 0.05rem;
+	height: 100%;
+
+	}
+	.swiper-container .swiper-wrapper .swiper-slide-active {
+	height: 100%;
+
+	}
+	.uservideo{
+		width: 100%;
+		height:auto;
+		display: block;
+		video{
+			max-width:100%;
+			max-height:100%;
+		}
+	}
+	}
+	.sw-center{
+		width: 100%;
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		border: 1px solid #d7d7d7;
+		border-radius:4px;
+		.rc-click{
+			width: 100%;
+			display: flex;
+			flex-direction: column;
+			justify-content: flex-start;
+			align-items: center;
+		}
+		img{
+			width: 10rem;
+			height: 10rem;
+			object-fit: cover;
+			display: block;
+			margin-top: 2.5rem;
+		}
+		span{
+			font-size: 1.125rem;
+			color: #E2001A;
+			display: block;
+			margin-top: 1.25rem;
+		}
+		p{
+			color: #666666;
+			font-size: .875rem;
+			text-overflow: -o-ellipsis-lastline;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			display: -webkit-box;
+			-webkit-line-clamp: 2;
+			line-clamp: 2;
+			-webkit-box-orient: vertical;
+			max-width: 60%;
+			text-align: center;
+			word-break: keep-all;
+			height: 2.625rem;
+			display: flex;
+			align-items: center;
+		}
+		em{
+			font-style: normal;
+			font-size: 1.25rem;
+		}
+	}
+	}
+
+
+
+	/* 中间的图片 */
+	.swiper-container .swiper-wrapper .swiper-slide-active {
+	height: 165px !important;
+	}
+	.swiperWrap{
+	height: 469px;
+	width: 100%;
+	img{
+	height: 469px;
+	width: 100%;
+
+
+	}
+	/deep/.swiper-pagination-bullet-active{
+	background: red;
+	width: 8px;
+	height: 8px;
+	}
+	/deep/.swiper-pagination-bullet{
+	width: 8px;
+	height: 8px;
+	background: #d7d7d7;
+
+	}
+
+	/deep/.swiper-pagination-bullet-active {
+	opacity: 1;
+	background-color: red!important;
+
+	}
+
+
+	}
+		.rc-max-width--xl
+		{
+			margin-top: 0.40rem;
+			overflow: hidden;
+			.ul-zhuan
+			{
+				width: 100%;
+				overflow-x: auto;
+				white-space: nowrap;
+				padding-top:4px;
+				&::-webkit-scrollbar{
+					display:none;
+				}
+				span{
+					margin-top: .5rem;
+					display: block;
+				}
+				img{
+					width: 4rem;
+					height: 4rem;
+					display: block;
+				}
+				li{
+					display: inline-block;
+					margin-left: 1.25rem;
+					text-align: center;
+				}
+			}
+
+		.selectionswitch{
+		.rc-conta{
+			max-height: 1.9rem;
+			min-height: 1.9rem;
+		}
+		width: 100%;
+		margin-top: 0.45rem;
+	
+		}
+	}
+	// .usermain{
+	// 	display: none;
+	//  }
+}
+.active {
+	font-size: 0.14rem;
+	img{
+		border-width: 1px;
+	}
+}
+.unactive {
+	font-size: 0.14rem;
+	img{
+		border-width: 1px;
+	}
+}
+
+
+@media screen and (min-width: 769px)
+{
+	.rc-selection{
+		display: none;
+	}
+	.sw-center{
+		display: none;
+	}
+	.useraimg{
+		width: 100%;
+		// height: 29.31rem;
+		object-fit: cover;
+	}
+	.ts-banner-swiper-container{
+		position:relative;
+		.ts-carousel-indicator{
+			position:absolute;
+			bottom:.4rem;
+		}
+	}
+.van-swipe-item {
+  color: #fff;
+  height: 100%;
+  width: 100%;
+  font-size: 1.25rem;
+  text-align: center;
+
+
+}
+.rc-lunbo{
+ width: 100%;
+ margin-top: 2.875rem;
+ margin: 0 auto;
+ position: relative;
+//  margin-top: 9.375rem;
+ #xxxFullScreen {
+  background-color: white;
+//   margin-top: 100px;
+	#swiper1,#swiper2 {
+		overflow: hidden;
+		margin-top: 2.31rem;
+	}
+	h2{
+		padding-bottom: 5rem;
+	}
+
+	.swiper-container2 {
+		width: 100%;
+		height: 38.6rem;
+		// overflow: visible !important;
+		position: relative;
+	}
+	#swiper1 .swiper-container .swiper-wrapper .swiper-slide {
+		width: 100%; 
+		//height: 6.18rem;
+	}
+
+/* 上一张 */
+#swiper1 .swiper-container .swiper-wrapper .swiper-slide-prev {
+  margin-top: 5px;
+  //height: 6.18rem !important;
+}
+/* 下一张 */
+#swiper1 .swiper-container .swiper-wrapper .swiper-slide-next {
+  margin-top: .31rem;
+  //height: 6.18rem !important;
+}
+.swiper-container .swiper-wrapper .swiper-slide-active {
+  //height: 6.18rem !important;
+}
+.rc-video{
+	position: relative;
+	display: flex;
+	justify-content: space-evenly;
+	.rc-right
+	{
+		width: 27.5rem;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		flex-direction: column;
+		img{
+			width: 320px;
+			height: auto;
+		}
+		span{
+			font-size: 1.6rem;
+			display: block;
+			margin-top: 20px;
+			color: #E2001A;
+		}
+		p
+		{
+			font-size: 16px;
+			width:100%;
+			word-break: break-all;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			display: -webkit-box;
+			-webkit-box-orient: vertical;
+			-webkit-line-clamp: 2; /* 这里是超出几行省略 */
+			color: #666666;
+			margin-top: 0.16rem;
+			text-align: center;
+		}
+		em
+		{
+			font-style: normal;
+			font-size: 1.375rem;
+			color: #666666;
+			display: block;
+			margin-top: 1rem;
+		}
+		.ts-standard-btn
+		{
+			margin-top: 1rem;
+		}
+	}
+	.uservideo{
+		width: 35rem;
+		height: 31.6rem;
+		display: block;
+	}
+	.userleft{
+		position: absolute;
+		top: 50%;
+		left:0;
+		margin-top: -.72rem;
+		img{
+		  width: .69rem;
+		  height: 1.38rem;
+		  display: block;
+		}
+	}
+	.userright{
+		position: absolute;
+		top: 50%;
+		right:0;
+		margin-top: -.72rem;
+		img{
+			width: .69rem;
+			height: 1.375rem;
+			display: block;
+		}
+	}
+}
+
+}
+
+}
+/* 中间的图片 */
+.swiper-container .swiper-wrapper .swiper-slide-active {
+  //height: 1.65rem !important;
+}
+.swiperWrap{
+height: 29.3rem;
+width: 100%;
+img{
+  height: 4.69rem;
+  width: 100%;
+
+ 
+}
+ /deep/.swiper-pagination-bullet-active{
+   background: red;
+    width: .5rem;
+	height: .5rem;
+ }
+  /deep/.swiper-pagination-bullet{
+  width: 50rem;
+  height: 8px;
+  background: #d7d7d7;
+
+}
+
+/deep/.swiper-pagination-bullet-active {
+  opacity: 1;
+  background-color: red!important;
+
+}
+
+
+}
+.rc-max-width--xl {
+
+	.rc-ma
+	{
+		.rc-margin-y--xl{
+			margin-bottom: 1.88rem;
+		}
+		// padding:60px 0;
+		
+		.ul-zhuan{
+			width: 100%;
+			display: flex;
+			justify-content: space-between;
+			flex-wrap: wrap;
+			flex-direction: row;
+			span{
+				margin-top: 1vw;
+				display: block;
+			}
+			img{
+				width:100%;
+				height: auto;
+				object-fit: contain;
+				display: block;
+			}
+			li{
+				width: 10vw;
+				max-width:11rem;
+				cursor: pointer;
+				font-size: 16px;
+				text-align: center;
+				overflow:hidden;
+			}
+		}
+
+
+
+	}
+ margin-bottom: 0;
+ h2{
+	margin-top:2.31rem;
+	padding-bottom: 0.62rem;
+}
+	
+}
+.usermain{
+		
+}
+.rc-main{
+  width: 100%;
+  margin-top: 2.5rem;
+
+  .rc-text--center{
+	margin-top: 4.8rem;
+
+  }
+  .van-tabs{
+    display: none;
+  }
+  .selectionswitch{
+
+	.rc-text--center{
+		margin-top: 4.8rem;
+	}
+         .van-tabs{
+            display: none;
+         }
+ 
+  }
+  .rc-selection{
+	  display: none;
+    width: 100%;
+    ol{
+      width: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+      li{
+font-size: 1rem;
+margin-left: 2.5rem;
+
+      }
+    }
+  }
+}
+	.active {
+		font-size: 1rem;
+		img{
+			border-width: 3px;
+		}
+	}
+	.unactive {
+		font-size: 1rem;
+		img{
+			border-width: 1px;
+		}
+	}
+.rc-maa{
+    ul{
+     width: 100%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      margin-top: 4.8rem;
+    span{
+      margin-top: .5rem;
+      display: block;
+    }
+  img{
+    width: 9.875rem;
+    height: 9.875rem;
+    display: block;
+  }
+    li{
+       display: inline-block;
+       cursor: pointer;
+       font-size: 1rem;
+          margin-left: 2.5rem;
+          width: 9.875rem;
+          text-align: center;
+height: 9.875rem;
+background: #F6F6F6;
+border-radius: 50%;
+    }
+  }
+}
+
+
+	.userselection {
+		font-size: 0.16rem;
+		color: #E2001A;
+	}
+.unselection {
+  font-size: 0.16rem;
+}
+.rc-usermessage{
+	span{
+		font-size: 1rem;
+		display: block;
+		text-align: center;
+	}
+  }
+}
+
+@media screen and (min-width:600px) and (max-width:768px)
+{
+	.ul-zhuan{
+	    display: flex;
+	    justify-content: space-evenly;
+		li{
+			margin-left:0;
+		}
+	}
+}

rc-busness/assets/css/integral.less

@@ -0,0 +1,195 @@
+@media screen and (max-width:768px){
+    .rc-button{
+        width: 100%;
+ height: 80px;
+ background: #FFFFFF;
+box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-top: 12px;
+
+.rc-order{
+width: 164px;
+ height: 48px;
+ border: 2px solid #E2001A;
+ border-radius: 30px;
+ background: #E2001A;
+ text-align: center;
+ align-items: center;
+ line-height: 48px;
+span{
+    font-size: 16px;
+    display: block;
+     color: #FFFFFF;
+
+}
+}
+    }
+.rc-usermain{
+    width: 92%;
+    margin: 0 auto;
+
+    ul{
+        height: 70px;
+        display: block;
+        border-bottom: 1px solid #D8D8D8;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        text-align: center;
+        font-size: 16px;
+        color: #444444;
+        li{
+            float: left;
+            width: 30%;
+          
+
+        }
+        li:after{
+             //   height: 2px;
+             //   border: 1px solid red;
+             //   display: block;
+               content:"|";
+               color: #707070;
+               margin-left: 5px;
+
+        }
+         li:last-child:after{
+                content:"";
+
+        } 
+    }
+
+    ol{
+        li{
+            font-style: normal;
+            display: block;
+            height: 32px;
+            margin-top: 16px;
+            display: flex;
+         //    justify-content: space-between;
+            align-items: center;
+            color: #666666;
+            font-size: 14px;
+            text-align: center;
+            i{
+                font-style: normal;
+                 display: block;
+                width: 40%;
+            }
+            span{
+              font-style: normal;
+                 display: block;
+                width: 36%;
+            }
+            em{
+                font-style: normal;
+                 display: block;
+                width: 23%;
+            }
+         
+
+        }
+    }
+     
+  
+}
+
+}
+
+@media screen and (min-width: 769px)
+{
+
+    .rc-button{
+        width: 100%;
+ height: 80px;
+ background: #FFFFFF;
+box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-top: 12px;
+ display: none;
+
+.rc-order{
+width: 164px;
+ height: 48px;
+ border: 2px solid #E2001A;
+ border-radius: 30px;
+ background: #E2001A;
+ text-align: center;
+ align-items: center;
+ line-height: 48px;
+span{
+    font-size: 16px;
+    display: block;
+     color: #FFFFFF;
+
+}
+}
+    }
+.rc-usermain{
+    width: 92%;
+    margin: 0 auto;
+    margin-top: 60px;
+
+    ul{
+        height: 64px;
+background: #F6F6F6;
+border: 1px solid #D7D7D7;
+opacity: 1;
+border-radius: 3px 3px 0px 0px;
+        display: block;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        text-align: center;
+        font-size: 16px;
+        color: #444444;
+        li{
+            float: left;
+            width: 42%;
+          
+
+        }
+    
+    }
+
+    ol{
+        li{
+            font-style: normal;
+            display: block;
+            height: 48px;
+            margin-top: 16px;
+            display: flex;
+            border: 1px solid #D7D7D7;
+         //    justify-content: space-between;
+            align-items: center;
+            color: #666666;
+            font-size: 14px;
+            text-align: center;
+            i{
+                font-style: normal;
+                 display: block;
+                width: 34%;
+            }
+            span{
+              font-style: normal;
+                 display: block;
+                width: 34%;
+            }
+            em{
+                font-style: normal;
+                 display: block;
+                width: 34%;
+            }
+         
+
+        }
+    }
+     
+  
+}
+
+}

rc-busness/assets/css/login.less

@@ -0,0 +1,243 @@
+.container{
+	min-height:100vh;
+	height:100%;
+	background-color:#fff;
+	display: flex;
+	flex-direction: column;
+}
+.ts-max-width--460{
+	border-radius: 3px;
+	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
+	background-color: #fff;
+	box-sizing: border-box;
+	padding:5rem 2.8rem;
+}
+.usecheck label{
+	display:flex;
+	input{
+		margin-right:.687rem;
+	}
+}
+// 手机端
+@media screen and (max-width:768px) {
+	.ts-max-width--460{
+		padding:4.375rem 1.25rem;
+		box-shadow: unset;
+	}
+	.rc-column *{
+		font-size:.875rem;
+	}
+	.rc-two-column>.rc-column {
+		width: 50%;
+	}
+.van-field-one{
+   width: 335px;
+	background: #F6F6F6;
+	border-radius: 4px;
+	margin: 0 auto;
+  }
+  .van-field-two{
+    margin: 0 auto;
+    width: 335px;
+	height: 48px;
+	background: #F6F6F6;
+	margin: 0 auto;
+	border-radius: 4px;
+	margin-top: 24px;
+  }
+   .usecheck{
+    display: flex;
+    text-align: left;
+    width: 335px;
+    margin: 0 auto;
+    align-items: center;
+    margin-top: 18px;
+ 
+  }
+  .container {
+    font-size: 0.1rem;
+    .van-field__body {
+      border-bottom: 1px solid red;
+    }
+    .content {
+      margin-top: 24px;
+    }
+    .userfoget {
+      font-size: 14px;
+      color: #333333;
+      border-bottom: 1px solid #333333;
+      margin-left: 20px;
+    }
+    .rc-header {
+      text-align: center;
+    }
+    .rc-header span:first-of-type {
+      margin-right: 60px;
+    }
+    .rc-header span:last-child {
+      margin-right: 20px;
+    }
+    .active {
+      font-size: 18px;
+      color: #666666;
+    }
+    .unactive {
+      font-size: 18px;
+      color: #999999;
+    }
+    .userbutton {
+      width: 335px;
+      height: 48px;
+      background: #e2001a;
+      opacity: 1;
+      border-radius: 30px;
+      outline: none;
+      border: none;
+      margin: 0 auto;
+    }
+    van-button {
+      width: 335px;
+      height: 48px;
+      background: #e2001a;
+      opacity: 1;
+      border-radius: 30px;
+    }
+    input {
+      border: none;
+      outline: none;
+    }
+    .rc-center {
+      font-size: 30px;
+      color: #333333;
+      text-align: center;
+    }
+    .rc-center input {
+      color: #999999;
+      font-size: 14px;
+    }
+    .userlogin {
+      width: 92%;
+      margin: 0 auto;
+    }
+   .rc-button {
+      font-size: 14px;
+       width:335px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin: 0 auto;
+      color: #333333;
+    }
+    .rc-button span {
+      border-bottom: 1px solid #333333;
+    }
+    .rc-button span {
+      margin-left: 20px;
+      margin-top: 24px;
+    }
+    .rc-button span:last-child {
+      margin-right: 20px;
+      display: block;
+    }
+  }
+}
+//    /* 最小768px最大1920 *pc端/
+@media screen and (min-width: 768px) and (max-width: 1920px) {
+  .usecheck{
+    display: flex;
+    text-align: left;
+    width: 395px;
+    margin: 0 auto;
+    align-items: center;
+    margin-top: 18px;
+ 
+  }
+  /deep/
+  .van-field-one{
+   width: 395px;
+height: 48px;
+background: #F6F6F6;
+border-radius: 4px;
+margin: 0 auto;
+  }
+  .van-field-two{
+    margin: 0 auto;
+    width: 395px;
+height: 48px;
+background: #F6F6F6;
+margin: 0 auto;
+border-radius: 4px;
+margin-top: 24px;
+  }
+  .container {
+    .content {
+      margin-top: 24px;
+    }
+    .userfoget {
+      font-size: 14px;
+      color: #333333;
+      border-bottom: 1px solid #333333;
+      margin-left: 20px;
+    }
+    .rc-header {
+      text-align: center;
+    }
+    .rc-header span:first-of-type {
+      margin-right: 60px;
+    }
+    .rc-header span:last-child {
+      margin-right: 20px;
+    }
+    .active {
+      font-size: 0.1rem;
+      color: #666666;
+    }
+    .unactive {
+      font-size: 0.1rem;
+      color: #999999;
+    }
+    .userbutton {
+      width: 3.8rem;
+      height: 0.48rem;
+      background: #e2001a;
+      border-radius: 0.15rem;
+      outline: none;
+      border: none;
+      margin: 0 auto;
+    }
+    van-button {
+      width: 335px;
+      height: 48px;
+      background: #e2001a;
+      opacity: 1;
+      border-radius: 30px;
+    }
+
+    input {
+      border: none;
+      outline: none;
+    }
+    .rc-center {
+      font-size: 30px;
+      color: #333333;
+      text-align: center;
+    }
+    .rc-center input {
+      color: #999999;
+      font-size: 14px;
+    }
+    .userlogin {
+      width: 92%;
+      margin: 0 auto;
+    }
+    .rc-button {
+		.rc-styled-link{
+			padding-bottom:3px;
+			border-bottom:1px solid #333;
+			&:hover{
+				border-bottom:1px solid #e2001a;
+			}
+		}
+    }
+  }
+}

rc-busness/assets/css/magnifier.less

@@ -0,0 +1,118 @@
+.magnify {
+	position: relative;
+	width: 100%;
+	.left_contaner {
+	  width: 100%;
+	  height: 100%;
+	}
+	.left_contaner .middle_img {
+	  box-sizing: border-box;
+	  position: relative;
+	  width: 100%;
+	  margin:0 auto;
+	  img {
+	    width: auto;
+	    height: 100%;
+		object-fit: contain;
+	  }
+	}
+	.left_contaner .shade {
+	  background-color: rgba(	135,206,235, .5);
+	  position: absolute;
+	  top: 0;
+	  left: 0;
+	  cursor: move;
+	  display: none;
+	}
+	.left_contaner .carousel {
+	  width: 16rem;
+	  margin: 1.25rem auto 0 auto;
+	  display: -webkit-flex;
+	}
+	
+	.left_contaner .carousel .show_box {
+	  flex: 1;
+	  overflow: hidden;
+	  position: relative;
+	}
+	.left_contaner .carousel .arrow {
+	  flex-basis: 25px;
+	  cursor: pointer;
+	}
+	.left_contaner .carousel .left_arrow {
+	  display: flex;
+	  align-items: center;
+	  img{
+		width: .5rem;
+		height: 1rem;
+	  }
+	
+	  // background: url('../assets/image/userleft.jpg') no-repeat;
+	  // background-position: center center;
+	}
+	.left_contaner .carousel .right_arrow {
+		display: flex;
+		align-items: center;
+		img{
+			width: .5rem;
+			height: 1rem;
+			display: block;
+			margin-left: .375rem;
+	  }
+	}
+	.left_contaner .carousel .picture_container {
+	  height: 100%;
+	  position: absolute;
+	  overflow: hidden;
+	  display: flex;
+	  align-items: center;
+	  top: 0;
+	  left: 0;
+	}
+	.left_contaner .picture_container .picture_item {
+	  height: 100%;
+	  width: 60px;
+	  height: 60px;
+	  object-fit: contain;
+	  border: 1px solid #d8d8d8 ;
+	  margin-left: 5px;
+	  box-sizing: border-box;
+	}
+	.left_contaner .picture_container .picture_item:hover {
+	  border: 2px solid #E2001A;
+	}
+	.left_contaner .picture_container .picture_item img {
+	
+	  width: 100%;
+	  height: 100%;
+	}
+	.right_contanier {
+	  overflow: hidden;
+	  position: absolute;
+	  top: 0;
+	  border: 1px solid #ccc;
+	  display: none;
+	}
+	.right_contanier .big_img {
+	  position: absolute;
+	  top: 0px;
+	  left: 0px;
+	  display: none;
+	}
+}
+@media screen and (max-width:768px) {
+
+}
+// //    /* 最小768px最大1920 *pc端/
+@media screen and (min-width: 768px) and (max-width: 1920px) {
+	.left_contaner .carousel {
+	  width: 100%;
+	  margin-top: 20px;
+	}
+	.right_contanier {
+	  display:block
+	}
+	.right_contanier .big_img {
+	  display: block;
+	}
+}

rc-busness/assets/css/mypersonal.less

@@ -0,0 +1,493 @@
+ul li ol li em strong i {
+  list-style: none;
+  font-style: normal;
+}
+.rc-header {
+  width: 100%;
+}
+.rc-center{
+	overflow:hidden;
+}
+//手机端
+@media screen and (max-width: 768px) {
+	.ts-mypersonal{
+		font-size:14px;
+	}
+	.online{
+		margin:1rem auto;
+	}
+	.rc-column{
+		padding-left:0;
+		padding-right:0;
+	}
+	.rc-max-width--xl{
+		padding:0 1.25rem;
+		&.ts-special-padding{
+			padding:0;
+			.rc-login,.usercord,.rc-cordd,.rc-order,.rc-buy,.rc-obligation{
+				padding-left:1.25rem;
+				padding-right:1.25rem;
+			}
+		}
+	}
+
+/deep/.el-dialog {
+ width: 352px;
+ height: 500px;
+}
+
+.rc-max-width--lg{
+ display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+    h3{
+      color:#333333;
+      font-size: 26px;
+    }
+  .rc-title{
+     img{
+       width: 96px;
+       height: 96px;
+
+     }
+  }
+  .userer{
+    img{
+      width: 210px;
+      height: 210px;
+      display: flex;
+    justify-content: center;
+    flex-direction: column;
+
+    }
+  }
+}
+  .rc-column {
+       .rc-usermain{
+        h2{
+        display: none;
+        }
+        
+      }
+    .rc-center {
+      width: 100%;
+      height: 180px;
+      img {
+        width: 100%;
+        height: auto;
+        display: block;
+      }
+   
+    }
+
+    .rc-login {
+		width: 100%;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		box-shadow: 0px -5px 6px rgba(0, 0, 0, 0.08);
+		margin-top: -2rem;
+	    position: relative;
+	    background: #fff;
+		padding-top:1.5rem;
+		.rc-unlogin{
+			display: flex;
+			align-items: center;
+		}
+      .rc-userlogin{
+            margin-left: 16px;
+     
+      span{
+    font-size: 18px;
+   color: #333333;
+   display: block;
+      }
+      em{
+        font-size: 14px;
+        color:#666666;
+        font-style: normal;
+        display: block;
+        margin-top: 8px;
+      }
+ 
+       }
+      .rc-people {
+        width: 4rem;
+        height: 4rem;
+        display: flex;
+        align-items: center;
+        border: 2px solid #d7d7d7;
+        border-radius: 50%;
+        img {
+          width: 36px;
+          height: 36px;
+          display: block;
+          margin: 0 auto;
+        }
+      }
+    }
+    .usercord{
+        display: flex;
+        justify-content: space-between;
+         height: 32px;
+         align-items: center;
+         border-bottom: 1px solid #D8D8D8;
+         padding-bottom: 17px;
+        em{
+            font-style: normal;
+        }
+    }
+ .rc-cordd{
+   color:#666666;
+   position:relative;
+     span{
+        display: inline-block;
+        margin-top: 16px;
+        text-align: left;
+     }
+     .block{
+		height: 8px;
+		background: #D7D7D7;
+		margin-top: 16px;
+		border-radius: 4px;
+		.r-block{
+		width: 0%;
+		height: 100%;
+		background: #008900;
+	 }
+   
+  
+     }
+      .rc-value{
+        display: flex;
+        justify-content: space-between;
+   }
+ }
+    .rc-order{
+        display: flex;
+        justify-content: space-between;
+        margin-top: 16px;
+        border-bottom: 1px solid #D8D8D8;
+        padding-bottom: 16px;
+        em{
+            font-style: normal;
+            font-size: 14px;
+              font-weight: bold;
+            color: #333333;
+        }
+    }
+
+    .rc-obligation{
+      margin-top: 16px;
+        ul{
+        display: flex;
+		width:100%;
+        justify-content: space-between;
+            li{
+                float: left;
+
+            }
+            img{
+                width: 44px;
+                height: 44px;
+                display: block;
+            }
+        }
+    }
+    .rc-buy{
+        width: 100%;
+        height: 64px;
+        display: flex;
+        justify-content: space-between;
+        border-bottom: 1px solid #D8D8D8;
+        padding:1rem 0;
+		&:first-child{
+			padding-top:0;
+		}
+		&:last-child{
+			border:0;
+		}
+        .rc-cord{
+            display: flex;
+            align-items: center;
+        }
+        img{
+            width: 32px;
+            height: 32px;
+            display: block;
+        }
+        em{
+            font-style: normal;
+            font-size: 14px;
+            color: #333333;
+            margin-left: 16px;
+
+        }
+        .rc-load{
+            display: flex;
+            align-items: center;
+            font-size: 14px;
+             color: #666666;
+             span{
+                  display: block;
+                  margin-right: 8px;
+                  margin-top: -4px;
+             }
+             img{
+               width: 8px;
+               height: 16px;
+               display: block;
+             }
+        }
+    }
+  }
+}
+//pc端
+
+@media screen and (min-width: 769px) {
+  /deep/.el-dialog {
+ width: 440px;
+ height: 652px;
+}
+.ts-mypersonal{
+	margin-left:0;
+	.rc-column{
+		padding-left:0;
+		padding-right:0;
+	}
+}
+.online{
+	margin:40px auto;
+}
+.ts-right-arr{
+	font-size:1.125rem;
+}
+.rc-max-width--lg{
+ display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+    h3{
+      color:#333333;
+      font-size: 26px;
+    }
+  .rc-title{
+     img{
+       width: 96px;
+       height: 96px;
+
+     }
+  }
+  .userer{
+    img{
+      width: 210px;
+      height: 210px;
+      display: flex;
+    justify-content: center;
+    flex-direction: column;
+
+    }
+  }
+}
+    .rc-column {
+    .rc-center {
+      width: 100%;
+      height: 180px;
+      img {
+        width: 100%;
+        height: 100%;
+        display: block;
+      }
+      display: none;
+    }
+
+    .rc-login {
+		width: 100%;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		margin-top:24px;
+  .rc-unlogin{
+    display: flex;
+    align-items: center;
+  }
+      .rc-userlogin{
+        margin-left: 16px;
+      span{
+		font-size: 20px;
+		color: #333333;
+		display: block;
+      }
+      em{
+        font-size: 14px;
+        color:#666666;
+        font-style: normal;
+        display: block;
+        margin-top: 8px;
+      }
+ 
+       }
+      .rc-people {
+        width: 64px;
+        height: 64px;
+        display: flex;
+        align-items: center;
+        border: 2px solid #d7d7d7;
+        border-radius: 50%;
+        img {
+          width: 48px;
+          height: 48px;
+          display: block;
+          margin: 0 auto;
+        }
+      }
+    }
+    .usercord{
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding-bottom:32px;
+        border-bottom: 1px solid #D7D7D7;
+        em{
+            font-style: normal;
+            color: #333333;
+            font-size: 18px;
+
+        }
+    }
+ .rc-cordd{
+	color:#333333;
+	font-size: 18px;
+	//height: 133px;
+	margin-top: 32px;
+	span{
+		font-size: 18px;
+		text-align: left;
+		&.lackOfPoint{
+			font-weight: 400;
+			color:#333;
+		}
+	}
+     .block{
+		height: 8px;
+		background: #D7D7D7;
+		margin-top: 16px;
+		border-radius: 4px;
+		position:relative;
+		margin-top:3.32rem;
+		.r-block{
+			width: 0%;
+			height: 100%;
+			background: #008900;
+		}
+		.ts-point-tag{
+			background:url("../image/img-pointBg.png") no-repeat center top;
+			background-size:contain;
+			height:2.375rem;
+			width:3.625rem;
+			text-align:center;
+			position:absolute;
+			font-size:.875rem;
+			line-height:2rem;
+			left:0;
+			top:-2.6rem;
+		}
+     }
+      .rc-value{
+        display: flex;
+		margin-top:11px;
+		font-size:14px;
+		color:#666;
+        justify-content: space-between;
+		span{
+			font-size: 14px;
+		}
+   }
+
+ }
+    .rc-order{
+        display: flex;
+        justify-content: space-between;
+        border-bottom: 1px solid #D8D8D8;
+        padding-bottom: 28px;
+        margin-top: 20px;
+		align-items: center;
+        em{
+            font-style: normal;
+            font-size: 26px;
+            color: #333333;
+        }
+    }
+
+    .rc-obligation{
+      margin-top: 16px;
+        ul{
+        display: flex;
+        justify-content: space-between;
+        width: 100%;
+        margin: 0 auto;
+        text-align: center;
+            li{
+                float: left;
+
+            }
+            img{
+                width: 96px;
+                height: 96px;
+                display: block;
+            }
+        }
+        span{
+          font-size: 18px;
+		  color:#333;
+        }
+    }
+    .rc-usermain{
+    h2{
+		color: #333333;
+		font-size: 26px;
+		font-weight: normal;
+		display: block;
+		padding-bottom: 28px;
+		border-bottom: 1px solid #D8D8D8;
+		text-align: left;
+	  }
+    }
+    .rc-buymain{
+      display: flex;
+      justify-content: space-between;
+	  flex-direction: row;
+      margin: 0 auto;
+    }
+    .rc-buy{     
+        img{
+            width: 96px;
+            height: 96px;
+            display: block;
+        }
+        em{
+            font-style: normal;
+            font-size: 18px;
+            color: #333333;
+        }
+        .rc-load{
+            display: flex;
+            align-items: center;
+            font-size: 14px;
+             color: #666666;
+             span{
+                  display: block;
+                  margin-right: 8px;
+                  margin-top: -4px;
+             }
+             img{
+               width: 8px;
+               height: 16px;
+               display: block;
+             }
+             display: none;
+        }
+    }
+  }
+}

rc-busness/assets/css/openaddress.less

@@ -0,0 +1,11 @@
+@media screen and (max-width:768px){
+
+
+}
+
+@media screen and (min-width: 769px)
+{
+
+
+
+}

rc-busness/assets/css/product-list.less

@@ -0,0 +1,560 @@
+/deep/ .el-drawer{
+  height: 60%;
+}
+ul li ol li em strong i {
+  list-style: none;
+  font-style: normal;
+}
+.rc-main {
+	//rc-main start
+	margin-top:.23rem;
+	.usersearch {
+		margin: 0 auto;
+		overflow: hidden;
+	
+	}
+	 //rc-main end
+}
+
+
+//手机端
+@media screen and (max-width: 768px) {
+
+
+
+	.usercontentshow{
+		position: relative;
+		.userrccat{
+			width: 32%;
+			height: 34px;
+			background: #ffffff;
+			border-radius: 100px;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			margin-left: 0;
+			font-size: 12px;
+			margin-right: 0.2rem;
+			img {
+				width: 24px;
+				height: 16px;
+			}
+			border: 2px solid #d7d7d7;
+		}
+	}
+	.online{height:.08rem;}
+	.rc-mubu{
+		height: 100%;
+		background: #333333;
+		opacity: 0.6;
+		position: absolute;
+		bottom: 0;
+		width: 100%;
+		z-index: 998;
+	}
+.rc-bottom{
+	.rc-footer
+	{
+		position: absolute;
+		bottom: 0;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: 100%;
+		span
+		{
+			width: 155px;
+			height: 48px;
+			border: 2px solid #E1001A;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			font-size: 14px;
+			color: #E1001A;
+			border-radius: 30px;
+		 }
+		em{
+			width: 155px;
+			margin-left: 25px;
+			height: 48px;
+			background: #E2001A;
+			border-radius: 30px;
+			font-size: 14px;
+			color:#FFFFFF;
+			display: flex;
+			align-items: center;
+			font-style: normal;
+			justify-content: center;
+			list-style: none;
+		}
+  }
+	position: relative;
+    height: 100%;
+    height: 617px;
+    background: white;
+    z-index: 999;
+	.rc-productcat {
+		display: flex;
+		align-items: center;
+		flex-wrap: nowrap;
+		.rc-cat {
+			width: 32%;
+			height: 34px;
+			background: #ffffff;
+			border-radius: 100px;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			margin-left: 0;
+			font-size: 14px;
+			span {
+				margin-left: 3px;
+			}
+			img {
+				width: 24px;
+				height: 16px;
+			}
+		}
+		.userrccat{
+			width: 32%;
+			height: 34px;
+			background: #ffffff;
+			border-radius: 100px;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			margin-left: 0;
+			font-size: 14px;
+			span {
+				margin-left: 3px;
+			}
+			img {
+				width: 24px;
+				height: 16px;
+			}
+			border: 2px solid #E2001A;
+		}
+	}
+
+}
+
+  /deep/ .van-search__content {
+    width: 250px;
+    height: 32px;
+    border: 1px solid #d7d7d7;
+    border-radius: 200px;
+    background: white;
+  }
+  .rc-search {
+    width: 69px;
+    height: 32px;
+    background: #e1001a;
+    border-radius: 200px;
+    text-align: center;
+    color: white;
+  }
+  .rc-title {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin: 0 auto;
+    color: #333333;
+    margin-top: 12px;
+    h2 {
+      font-size: 18px;
+      color: #333333;
+      margin-left: 12px;
+    }
+    span {
+      font-size: 14px;
+      color: #666666;
+      border-bottom: 1px solid #666666;
+      display: block;
+      margin-right: 8px;
+    }
+  }
+
+  .rc-variety {
+    ul {
+      display: flex;
+      align-items: center;
+      flex-wrap: nowrap;
+      overflow: hidden;
+      width: 100%;
+      
+    }
+    ul li {
+      width: 80px;
+      height: 32px;
+      background: #ffffff;
+      border: 1px solid #d7d7d7;
+      border-radius: 100px;
+      text-align: center;
+      font-size: 14px;
+      float: left;
+      line-height: 32px;
+      margin-left: 11px;
+    }
+  }
+  .rc-product {
+    h2 {
+      font-size: 18px;
+      color: #333333;
+      margin-left: 12px;
+    }
+  }
+  .rc-productcat {
+    display: flex;
+    align-items: center;
+    flex-wrap: nowrap;
+	margin-bottom:.1rem;
+	.rc-cat {
+		width: 32%;
+		height: 34px;
+		background: #ffffff;
+		border-radius: 100px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		font-size: .14rem;
+		margin-right:.2rem;
+		span {
+			margin-left: 3px;
+		}
+		img {
+			width: 24px;
+			height: 16px;
+		}
+   
+	}
+  }
+
+  .rc-productright {
+    display: flex;
+    align-items: center;
+    img {
+      width: 24px;
+      height: 20px;
+      margin-left: 15px;
+    }
+    span {
+      font-size: 14px;
+      color: #666666;
+      margin-left: 8px;
+    }
+  }
+	/*
+	.rc-prefecture{
+		display: flex;
+		h2{
+			font-size: 16px;
+			color: #333333;
+		}
+		ol{
+			display: flex;
+			align-items: center;
+			flex-wrap: nowrap;
+			font-size: 12px;
+			text-align: center;
+			width: 80%;
+		}
+		li{
+			width: 40%;
+			height: 26px;
+			background: #FFFFFF;
+			border: 1px solid #D7D7D7;
+			line-height: 26px;
+			float: left;
+			border-radius: 100px;
+			margin-left: 9px;
+		}
+	}
+	*/
+	.ts-scrollable{
+		.useractive{
+			width: 126px;
+			height: 36px;
+			border: 2px solid #E1001A;
+		   border-radius: 100px;
+		 }
+		 .userunactive{
+			 width: 126px;
+			 height: 36px;
+			 background: #FFFFFF;
+			 border: 2px solid #D7D7D7;
+			 opacity: 1;
+			 border-radius: 100px;
+			 display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 0.14rem;
+	img{
+		width: 24px;
+    height: 16px;
+	display: block;
+    max-width: 100%;
+	}
+			 
+		 }
+	}
+	
+}
+
+//pc端
+@media screen and (min-width: 768px){
+	.userrccat{
+		width: 327px;
+    height: 48px;
+    border-radius: 30px;
+    background: #ffffff;
+    border-radius: 100px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 14px;
+	margin-left: 16px;
+
+		img {
+			width: 24px;
+			height: 16px;
+		}
+		border: 2px solid #d7d7d7;
+	}
+	.usersearch {
+		margin: 0 auto;
+		overflow: hidden;
+		margin-top: 2.6rem;
+	}
+	.online{
+		width:100%;
+	   &.bold{
+		   height:0.5rem;
+		   margin-top: 5rem;
+		   background:#f6f6f6;
+	   }
+	}
+	/deep/.el-dialog {
+	width: 920px;
+	height: 570px;
+	background: #FFFFFF;
+	}
+	
+	.rc-button
+	{
+		display: flex;
+		justify-content: center;
+		font-size: 16px;
+		width: 100%;
+		padding: 40px 0 40px 0;
+		span
+		{
+			width: 160px;
+			height: 48px;
+			border: 2px solid #E2001A;
+			border-radius: 30px;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			color: #E2001A;
+			cursor: pointer;
+		}
+		em{
+			font-style: normal;
+			width: 164px;
+			height: 48px;
+			background: #E2001A;
+			cursor: pointer;
+			border-radius: 30px;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			color: #FFFFFF;
+			margin-left: 40px;
+		}
+	}
+	.rc-cat{
+		//margin-top: 24px;
+	}
+
+.rc-bottom{
+      .rc-productcat {  
+    display: flex;
+    align-items: center;
+    flex-wrap: nowrap;
+    .rc-cat {
+    width: 237px;
+height: 48px;
+border-radius: 30px;
+      background: #ffffff;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-left: 16px;
+       font-size: 14px;
+      span {
+        margin-left: 3px;
+      }
+
+      img {
+        width: 24px;
+        height: 16px;
+      }
+   
+    }
+  }
+
+
+
+}
+  .form-search {
+    display: none;
+  }
+  .rc-title {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin: 0 auto;
+    color: #333333;
+    margin-top: 12px;
+    h2 {
+      font-size: 18px;
+      color: #333333;
+      margin-left: 12px;
+    }
+    span {
+      font-size: 14px;
+      color: #666666;
+      border-bottom: 1px solid #666666;
+      display: block;
+      margin-right: 8px;
+    }
+    .rc-change{
+        display: none;
+    }
+  }
+
+  .rc-variety {
+      margin-top: 30px;
+    ul {
+      display: flex;
+      align-items: center;
+      flex-wrap: nowrap;
+      overflow: hidden;
+      width: 100%;
+      
+      
+    }
+    ul li {
+      width: 80px;
+      height: 32px;
+      background: #ffffff;
+      border: 1px solid #d7d7d7;
+      border-radius: 100px;
+      text-align: center;
+      font-size: 14px;
+    //   color: #999999;
+      float: left;
+      line-height: 32px;
+      margin-left: 11px;
+    }
+  }
+  .rc-product {
+    h2 {
+      font-size: 18px;
+      color: #333333;
+      margin-left: 12px;
+    }
+  }
+	.rc-productcat {
+		display: flex;
+		align-items: center;
+		flex-wrap: nowrap;
+		.rc-cat {
+			width: 327px;
+			height: 48px;
+			border-radius: 30px;
+			background: #ffffff;
+			border-radius: 100px;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			font-size: 14px;
+		&:last-child{
+			margin-left: 16px;
+		}
+		span {
+			margin-left: 0px;
+		}
+		img {
+			width: 24px;
+			height: 16px;
+		}
+  
+    }
+  }
+
+  .rc-productright {
+    display: flex;
+    align-items: center;
+    img {
+      width: 24px;
+      height: 20px;
+      margin-left: 15px;
+    }
+    span {
+      font-size: 14px;
+      color: #666666;
+      margin-left: 8px;
+    }
+  }
+
+/*
+  .rc-prefecture{
+      display: flex;
+      margin-top: 47px;
+		h2{
+			font-size: 20px;
+			color: #333333;
+			margin-left: 12px;
+		}
+        ol{
+          display: flex;
+      align-items: center;
+      flex-wrap: nowrap;
+      font-size: 12px;
+      text-align: center;
+      width: 88%;
+        }
+        li{
+            width: 130px;
+			height: 40px;
+			border: 2px solid #D7D7D7;
+			opacity: 1;
+			border-radius: 30px;
+			background: #FFFFFF;
+			line-height: 40px;
+			float: left;
+			margin-left: 40px;
+			color: #999999;
+        }
+  }
+*/
+.ts-scrollable-container{
+	overflow-y: hidden;
+	overflow-x: clip;
+	width: 100%;
+   h2{
+	   display: flex;
+	   align-items: center;
+	   width: 4%;
+   }
+	.ts-scrollable{
+		overflow-y: hidden;
+	overflow-x: clip;
+	width: 100%;
+	}
+	}
+	
+}

rc-busness/assets/css/producted.less

@@ -0,0 +1,589 @@
+.ts-product-detail{
+	i {
+	  font-style: normal;
+	}
+	.ts-realprice{
+		font-size: 18px;
+		font-weight: 500;
+		color: #E1001A;
+	}
+	.ts-ecprice{
+		color:#999;
+		font-weight: 400;
+	}
+	.ts-row-title {
+		font-size: 14px;
+		font-style: normal;
+		color: #333333;
+		display:inline-block;
+	}
+	.ts-row-title + i {
+		color: #666666;
+		display:inline-flex;
+		max-width:16.5rem;
+	}
+	.ts-product-header h2{
+		color: #e1001a;
+	}
+	.certification li{
+		display:flex;
+		flex-direction: row;
+	}
+	.rc-productdetai {
+	  display: flex;
+	  align-items: center;
+	  justify-content: space-between;
+	  margin-top: 10px;
+	  i {
+	    font-style: normal;
+	    color: #333333;
+	  }
+	  span {
+	    color: #666666;
+	  }
+	}
+	.rc-produnnum {
+	  display: flex;
+	  align-items: center;
+	  margin-top: 16px;
+	  span {
+	    font-size: 14px;
+	    color: #333333;
+	  }
+	  img {
+	    width: 29px;
+	    height: 29px;
+	  }	
+	  strong {
+	    font-style: normal;
+	    list-style: none;
+	    width: 30px;
+	    height: 30px;
+	    border: 1px solid #d7d7d7;
+	    opacity: 1;
+	    border-radius: 3px;
+	    display: flex;
+	    align-items: center;
+	    justify-content: center;
+	    font-size: 14px;
+	    margin: 0 5px 0 5px;
+	    color: #666666;
+	  }
+	}
+}
+
+// 手机端
+@media screen and (max-width:768px) {
+	.ts-ecprice{
+		font-size:.625rem;
+	}
+	.rc-productdetai{
+		font-size:.875rem
+	}
+	.rc-button{
+          width: 100%;
+          display: flex;
+          align-items: center;
+          position: fixed;
+          justify-content: center;
+          height: 5rem;
+          bottom: 0;
+          background-color: white;
+		  box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
+		  z-index:2;
+          span{
+            width: 9.68rem;
+			height: 3rem;
+			background: #E2001A;
+			border-radius: 30px;
+			font-size: .875rem;
+			color:#FFFFFF;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			flex-shrink:0;
+          }
+          span:last-child{
+              margin-left: 1.56rem;
+          }
+        }
+		.rc-headera{
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			text-align: center;
+			justify-content: center;
+			h3{
+				color:#333333;
+				font-size: 26px;
+			}
+			.rc-title{
+				img{
+					width: 96px;
+					height: 96px;
+				}
+			}
+			.userer{
+				span{
+					width: 130px;
+					height: 40px;
+					border: 2px solid #E2001A;
+					border-radius: 30px;
+					display: block;
+					color: #E2001A;
+					line-height: 40px;
+					margin-top: 42px;
+					font-size: 14px;
+				}
+				i{
+					font-size: 18px;
+					font-style: normal;
+					display: block;
+					margin-top: 32px;
+					color: #E1001A;
+				}
+			}
+	}
+	/deep/.el-dialog {
+	 width: 80%;
+	 position: relative;
+	}
+    .rc-discount {
+    position: relative;
+    width: 100%;
+    img {
+      display: block;
+      width: 100%;
+      height: 100%;
+    }
+    .rc-contair {
+      position: absolute;
+      left: 0;
+      top: 0;
+      width: 100%;
+      height: 100%;
+    }
+    .rc-left {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      color: #e1001a;
+      padding-right: 21px;
+      width: 30%;
+      float: left;
+      height: 100%;
+      i {
+        font-style: normal;
+        font-size: 12px;
+      }
+      span {
+        font-size: 26px;
+      }
+      strong {
+        font-style: normal;
+        font-size: 12px;
+        display: block;
+        margin-top: 8px;
+      }
+    }
+    .rc-right {
+      display: flex;
+      flex-direction: column;
+      margin-left: 36px;
+      justify-content: center;
+      height: 100%;
+      i {
+        font-style: normal;
+        font-size: 16px;
+        color: #e1001a;
+      }
+      .rc-main {
+        color: #999999;
+        font-size: 12px;
+      }
+      span {
+        display: block;
+        margin-top: 8px;
+      }
+      em {
+        font-style: normal;  
+      }
+    }
+    .rc-footer {
+      display: flex;
+      justify-content: flex-end;
+      margin-right: 10px;
+      span {
+        width: 72px;
+        height: 25px;
+        background: #e2001a;
+        text-align: center;
+        line-height: 25px;
+        font-size: 12px;
+        color: #ffffff;
+        margin-bottom: 8px;
+        border-radius: 100px;
+        margin-right: 8px;
+        cursor: pointer;
+      }
+    }
+    }
+   .active{
+     border: 2px solid #E2001A;
+    color:#666666;
+      cursor: pointer;
+      font-size: 16px;
+    }
+    .unactive{
+      border: 2px solid #808285;
+      color:#666666;
+      cursor: pointer;
+           font-size: 16px;
+     }
+       .rc-footimage{
+        overflow: hidden;
+        width: 100%;
+        margin: 0 auto;
+        display: flex;
+        justify-content: center;
+        margin-top: 20px;
+        img{
+          width: 100%;
+        }
+         
+      }
+  .ts-product-header {
+    width: 100%;
+      .rc-title {
+        h2 {
+          font-size: 1.375rem;
+		  margin:1.5rem 0;
+        }
+      }
+      .productdetails {
+        margin-top: 19px;
+      }
+
+      .rc-productdeta {
+        margin-top: 20px;
+        .rc-prodtop {
+          display: flex;
+          align-items: center;
+          span {
+            font-size: 14px;
+            color: #333333;
+          }
+          em {
+            font-style: normal;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            width: 59px;
+            font-size: 16px;
+            margin-left: 4px;
+			margin-right: 12px;
+            height: 39px;
+            border-radius: 3px;
+          }
+        }
+      }
+      .certification {
+        .rc-button{
+          width: 100%;
+          padding-top: 33px;
+          display: flex;
+          align-items: center;
+          span{
+            width: 10rem;
+			height: 3rem;
+			background: #E2001A;
+			border-radius: 30px;
+			font-size: 1rem;
+			color:#FFFFFF;
+			display: block;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+          }
+          span:last-child{
+              margin-left: 2.5rem;
+          }
+        }
+        margin-top: 1rem;
+        ul {
+          display: flex;
+          flex-direction: column;
+          line-height: 30px;
+          li {
+            width: 100%;
+            text-align: left;
+            span {
+              font-size: .875rem;
+              color: #333333;
+            }
+          }
+        }
+      }
+  }
+}
+//    /* 最小768px最大1920 *pc端/
+@media screen and (min-width: 768px) {
+	.ts-product-detail{
+		padding: 0 0.2rem;
+		box-sizing: border-box;
+		margin: 0 auto;
+		width: 100%;
+		max-width: 1400px;
+		.rc-main{
+			padding:0;
+		}
+		.ts-row-title{
+			font-size: 16px;
+			width:82px;
+		}
+		.ts-row-title + i {
+			font-size: 16px;
+			max-width:596px;
+		}
+	}
+	.rc-button{
+		width: 100%;
+		padding-top: 33px;
+		display: flex;
+		align-items: center;
+		span{
+			width: 160px;
+			height: 48px;
+			background: #E2001A;
+			border-radius: 30px;
+			font-size: 16px;
+			color:#FFFFFF;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			cursor: pointer;
+		}
+		span:last-child{
+			margin-left: 40px;
+		}
+	}
+  .rc-headera{
+	display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+    justify-content: center;
+    h3{
+      color:#333333;
+      font-size: 26px;
+    }
+	.rc-title{
+     img{
+       width: 96px;
+       height: 96px;
+     }
+	}
+	.userer{
+		span{
+			width: 130px;
+			height: 40px;
+			border: 2px solid #E2001A;
+			border-radius: 30px;
+			display: block;
+			color: #E2001A;
+			line-height: 40px;
+			margin-top: 42px;
+			font-size: 14px;
+		}
+		i{
+			font-size: 18px;
+			font-style: normal;
+			display: block;
+			margin-top: 32px;
+			color: #E1001A;
+		}
+	}
+  }
+  /deep/.el-dialog {
+	width: 440px;
+	height: 432px;
+	position: relative;
+  }
+  .rc-discount {
+    position: relative;
+    img {
+      display: block;
+      width: 100%;
+      height: 100%;
+    }
+    .rc-contair {
+      position: absolute;
+      left: 0;
+      top: 0;
+      width: 100%;
+      height: 100%;
+    }
+    .rc-left {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      color: #e1001a;
+      padding-right: 21px;
+      width: 30%;
+      float: left;
+      height: 100%;
+      i {
+        font-style: normal;
+        font-size: 12px;
+      }
+      span {
+        font-size: 26px;
+      }
+      strong {
+        font-style: normal;
+        font-size: 12px;
+        display: block;
+        margin-top: 8px;
+      }
+    }
+    .rc-right {
+      display: flex;
+      flex-direction: column;
+      margin-left: 36px;
+      justify-content: center;
+      height: 100%;
+      i {
+        font-style: normal;
+        font-size: 16px;
+        color: #e1001a;
+      }
+      .rc-main {
+        color: #999999;
+        font-size: 12px;
+      }
+      span {
+        display: block;
+        margin-top: 8px;
+      }
+      em {
+        font-style: normal;  
+      }
+    }
+    .rc-footer {
+      display: flex;
+      justify-content: flex-end;
+      margin-right: 10px;
+      span {
+        width: 72px;
+        height: 25px;
+        background: #e2001a;
+        text-align: center;
+        line-height: 25px;
+        font-size: 12px;
+        color: #ffffff;
+        margin-bottom: 8px;
+        border-radius: 100px;
+            margin-right: 8px;
+            cursor: pointer;
+      }
+    }
+    }
+  .rc-usermain{
+    display: flex;
+    align-items: center;
+  }
+  .active{
+     border: 2px solid #E2001A;
+    color:#666666;
+      cursor: pointer;
+      font-size: 16px;
+    }
+    .unactive{
+      border: 2px solid #808285;
+      color:#666666;
+      cursor: pointer;
+           font-size: 16px;
+     }
+	.ts-product-header {
+		width: 100%;
+		font-size: 16px;
+      .rc-title {
+        h2 {
+		  font-size: 30px;
+		  margin-bottom:42px;
+        }
+      }
+	  .ts-realprice{
+		  font-size: 20px;
+	  }
+	  .ts-ecprice{
+		  
+	  }
+
+      .rc-productdeta {
+        margin-top: 16px;
+        .rc-prodtop {
+          display: flex;
+          align-items: center;
+          span {
+			font-size: 18px;
+            color: #333333;
+          }
+          em {
+            font-style: normal;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            width: 59px;
+            font-size: 16px;
+            height: 39px;
+            border-radius: 3px;
+          }
+        }
+      }
+      .rc-produnnum {
+		span {
+			font-size: 18px;
+		}
+	  }
+      .certification {
+        .rc-button{
+          width: 100%;
+          padding-top: 32px;
+          display: flex;
+          align-items: center;
+          span{
+            width: 160px;
+			height: 48px;
+			background: #E2001A;
+			border-radius: 30px;
+			font-size: 16px;
+			color:#FFFFFF;
+			display: block;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+          }
+          span:last-child{
+              margin-left: 40px;
+          }
+        }
+        margin-top: 16px;
+        ul {
+          line-height:40px;
+        }
+      }
+  }
+  .rc-footimage{
+  	overflow: hidden;
+  	display: flex;
+  	justify-content: center;
+  	align-items: center;
+  	img{
+  	  width: 100%;
+  	}
+  }
+
+}

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;
+               }
+
+          }
+    }
+
+}

rc-busness/assets/css/search.less

@@ -0,0 +1,705 @@
+.rc-top{
+  position: relative;
+}
+
+/deep/ .el-drawer{
+  height: 60%;
+}
+ul li ol li em strong i {
+  list-style: none;
+  font-style: normal;
+  
+}
+.rc-main {
+  position: relative;
+  margin-top: 5.25rem;
+
+  .usersearch {
+    width: 100%;
+    margin: 0 auto;
+    overflow: hidden;
+    margin-top: 20px;
+    .rc-padding--md{
+      padding: 0;
+    }
+  }
+  .active{
+    border: 2px solid #E2001A;
+    color: #E2001A;
+    cursor: pointer;
+  
+  }
+  .unactive{
+    border: 2px solid #d7d7d7;
+    color:#999999;
+    cursor: pointer;
+  
+   }
+}
+//手机端
+@media screen and (max-width: 768px) {
+  .rc-button
+  {
+    display: flex;
+    justify-content: center;
+    font-size: 14px;
+    width: 100%;
+    box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
+    height: 80px;
+    align-items: center;
+    span
+    {
+      width: 160px;
+      height: 48px;
+      border: 2px solid #E2001A;
+      border-radius: 30px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: #E2001A;
+    }
+    em{
+      font-style: normal;
+      width: 164px;
+      height: 48px;
+      background: #E2001A;
+      cursor: pointer;
+      border-radius: 30px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: #FFFFFF;
+      margin-left: 40px;
+    }
+  }
+  
+  .active{
+    border: 2px solid #E2001A;
+    color: #E2001A;
+    cursor: pointer;
+  
+  }
+  .unactive{
+    border: 2px solid #d7d7d7;
+    color:#999999;
+    cursor: pointer;
+  
+   }
+//搜索
+.usersearch {
+  
+  .form-search{
+    .ts-standard-btn{
+      display: none;
+    }
+  }
+strong{
+  font-size: 18px;
+  color: #333333;
+  display: block;
+  font-weight: bold;
+}
+}
+.rc-max-width--xl{
+/deep/ .van-search__content {
+  width: 7rem;
+  height: 2rem;
+  border: 1px solid #d7d7d7;
+  border-radius: 12.5rem;
+  background: white;
+}
+/deep/.van-search{
+  padding: 0;
+}
+.rc-search {
+  width: 4.31rem;
+  height: 2rem;
+  background: #e1001a;
+  border-radius: 2rem;
+  text-align: center;
+  color: white;
+  font-size:0.87rem ;
+}
+.rc-title {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 0 auto;
+  color: #333333;
+  margin-top: 1.5rem;
+  h2{
+    font-size: 18px;
+    font-weight: bold;
+  }
+  span {
+    font-size: 14px;
+    color: #666666;
+    border-bottom: 1px solid #666666;
+    display: block;
+  }
+}
+//  热门搜索
+.rc-variety {
+  ul {
+    display: flex;
+    align-items: center;
+    flex-wrap: nowrap;
+    overflow: hidden;
+    width: 100%;
+    
+  }
+  ul li {
+    width: 80px;
+    height: 32px;
+    background: #ffffff;
+    border: 1px solid #d7d7d7;
+    border-radius: 100px;
+    text-align: center;
+    font-size: 14px;
+    float: left;
+    line-height: 32px;
+    margin-left: 5px;
+  }
+  li:first-child{
+    margin-left: 0;
+  }
+}
+//  我想搜
+.usercontentshow{
+  position: relative;
+  .rc-productcat {
+    display: flex;
+    align-items: center;
+    flex-wrap: nowrap;
+    margin-top: 1rem;
+    ol{
+      display: flex;
+      align-items: center;
+      flex-flow: row;
+      .ts-standard-btn{
+        width: 7.87rem;
+        height: 2.25rem;
+background: #FFFFFF;
+border-radius: 6.25rem;
+background: none;
+display: flex;
+align-items: center;
+justify-content: center;
+margin-left: 1rem;
+color: #999999;
+img {
+width: 1.5rem;
+height: 1rem;
+}
+span {
+margin-left: 0.18rem;
+}
+      }
+    }
+//筛选
+    .userselect{
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: #666666;
+      font-size: 0.87rem;
+      margin-left: 0.94rem;
+      margin-top: 0;
+      img{
+        width: 1rem;
+        height: 1rem;
+      }
+      span{
+        display: block;
+        margin-left: 0.5rem;
+        display: block;
+    
+      }
+    }
+  
+  }
+  .ts-scrollable-container{
+    margin-top: 0.93rem;
+  }
+
+}
+.usersearch{
+  .rc-column{
+    strong{
+       font-size: 0.875rem;
+       font-weight: normal;
+    }
+  }
+  .rc-padding--md{
+    padding: 0;
+  }
+  h2{
+    margin-left: 0;
+  }
+}
+
+
+
+.rc-prefecture{
+    display: flex;
+    h2{
+        font-size: 16px;
+color: #333333;
+margin-left: 12px;
+    }
+      ol{
+        display: flex;
+    align-items: center;
+    flex-wrap: nowrap;
+    font-size: 12px;
+    text-align: center;
+    width: 80%;
+    overflow-x: auto;
+white-space: nowrap;
+      }
+      li{
+        display: inline-block;
+        text-align: center;
+        display: flex;
+        align-items: center;
+height: 26px;
+background: #FFFFFF;
+border: 1px solid #D7D7D7;
+padding: 0 5px 0 5px;
+border-radius: 100px;
+        
+      }
+}
+
+.rc-bottom{
+  position: fixed;
+    background: white;
+    bottom: 0;
+    left: 0;
+    z-index: 9;
+  ol li{
+    background: none;
+    width: 7.87rem;
+      height: 2.25rem;
+      background: #FFFFFF;
+      border-radius: 6.25rem;
+      background: none;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-left: 1rem;
+  }
+
+}
+  
+.rc-bottoma{
+  margin-bottom:2rem;
+  }
+  
+  .rc-footer{
+  display: flex;
+  align-items: center;
+  justify-content: space-evenly;
+  width: 100%;
+  padding: 0 0.5rem;
+  box-sizing: border-box;
+     span{
+    width: 1.55rem;
+    height: 0.48rem;
+    border: 2px solid #E1001A;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 0.14rem;
+    color: #E1001A;
+    border-radius: 0.30rem;
+     }
+     em{
+       width: 1.55rem;
+       margin-left: 0.25rem;
+  height: 0.48rem;
+  background: #E2001A;
+  border-radius: 0.30rem;
+  font-size: 0.14rem;
+  color:#FFFFFF;
+  display: flex;
+  align-items: center;
+  font-style: normal;
+  justify-content: center;
+  list-style: none;
+     }
+  }
+   .rc-cat{
+     margin-top: 0.24rem;
+   }
+  
+   .rc-product {
+    h2 {
+      font-size: 18px;
+      color: #333333;
+      font-weight: bold;
+    }
+    .ts-scrollable{
+      margin-top: 1rem;
+    }
+  
+    .rc-productcat {
+      display: flex;
+      align-items: center;
+      flex-wrap: nowrap;
+      margin-top: 1rem;
+      .rc-cat {
+        width: 32%;
+        height: 0.34rem;
+        background: #ffffff;
+        border-radius: 1rem;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-left: 0.16rem;
+         font-size: 0.14rem;
+        span {
+          margin-left: 0.03rem;
+        }
+  
+        img {
+          width: 0.24rem;
+          height: 0.16rem;
+        }
+     
+      }
+    }
+  }
+  }
+  
+}
+//pc端
+@media screen and (min-width: 768px){
+
+  /deep/.el-dialog__header {
+     padding: 0;
+     margin: 0;
+   }
+
+  
+  
+   .ts-scrollable-container{
+    // overflow-y: hidden;
+    // overflow-x: clip;
+    // margin-top: 0;
+     h2{
+       display: flex;
+       align-items: center;
+       width: 6%;
+     }
+    .ts-scrollable{
+    //   overflow-y: hidden;
+    // overflow-x: clip;
+    // width: 100%;
+    }
+    }
+   
+strong{
+  font-size: 26px;
+  color: #333333;
+  display: block;
+}
+.ts-scrollable{}
+.active{
+border: 2px solid #E2001A;
+color: #E2001A;
+cursor: pointer;
+
+}
+.unactive{
+border: 2px solid #d7d7d7;
+color:#999999;
+cursor: pointer;
+
+}
+.rc-main {
+  margin-top: 7.25rem;
+
+}
+.ts-scrollable-container{
+  margin-top: 40px;
+}
+/deep/.el-dialog {
+  width: 920px;
+  background: #FFFFFF;
+  }
+  /deep/.van-search__action{
+    display: block;
+  }
+  .rc-search {
+    width: 4.31rem;
+  height: 2rem;
+  background: #e1001a;
+  border-radius: 2rem;
+  text-align: center;
+  color: white;
+  font-size:0.87rem ;
+  }
+  .rc-productcat {
+    display: flex;
+    align-items: center;
+    flex-wrap: nowrap;
+    justify-content: space-between;
+    margin-top: 32px;
+    ol{
+      display: flex;
+      align-items: center;
+      flex-flow: row;
+      .ts-standard-btn{
+        width: 237px;
+        height: 48px;
+background: #FFFFFF;
+border-radius: 30px;
+background: none;
+display: flex;
+align-items: center;
+justify-content: center;
+margin-left: 40px;
+img {
+width: 24px;
+height: 24px;
+}
+span {
+margin-left: 8px;
+}
+      }
+    }
+//筛选
+    .userselect{
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: #666666;
+      font-size: 0.87rem;
+      margin-left: 0.94rem;
+      margin-top: 0;
+      img{
+        width: 1rem;
+        height: 1rem;
+      }
+      span{
+        display: block;
+        margin-left: 0.5rem;
+        display: block;
+    
+      }
+    }
+  
+  }
+  .rc-title {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin: 0 auto;
+    color: #333333;
+    margin-top: 12px;
+    h2 {
+      font-size: 18px;
+      color: #333333;
+      margin-left: 12px;
+    }
+    span {
+      font-size: 14px;
+      color: #666666;
+      border-bottom: 1px solid #666666;
+      display: block;
+      margin-right: 8px;
+    }
+    .rc-change{
+        display: none;
+    }
+  }
+  
+  .rc-button
+  {
+    display: flex;
+    justify-content: center;
+    font-size: 16px;
+    width: 100%;
+    margin-top: 35px;
+
+    span
+    {
+      width: 160px;
+      height: 48px;
+      border: 2px solid #E2001A;
+      border-radius: 30px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: #E2001A;
+      cursor: pointer;
+    }
+    em{
+      font-style: normal;
+      width: 164px;
+      height: 48px;
+      background: #E2001A;
+      cursor: pointer;
+      border-radius: 30px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: #FFFFFF;
+      margin-left: 40px;
+    }
+  }
+
+.rc-bottom{
+      .rc-productcat {  
+    display: flex;
+    align-items: center;
+    flex-wrap: nowrap;
+    .rc-cat {
+    width: 237px;
+height: 48px;
+border-radius: 30px;
+      background: #ffffff;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-left: 16px;
+       font-size: 14px;
+      span {
+        margin-left: 3px;
+      }
+
+      img {
+        width: 24px;
+        height: 16px;
+      }
+   
+    }
+  }
+
+
+
+}
+  .form-search {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    .ts-standard-btn{
+
+    }
+    .rc-search{
+      display: none;
+    }
+   
+  }
+  /deep/.van-search__content--square{
+   background: white;
+  }
+  .van-search__content--square{
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: white;
+        border: 1px solid #D7D7D7;
+        height: 80px;
+        width: 1200px;
+        border-radius: 200px;
+  }
+  /deep/.van-field__left-icon
+  {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  /deep/.van-field__body
+  {
+  }
+
+
+  .rc-variety {
+      margin-top: 30px;
+    ul {
+      display: flex;
+      align-items: center;
+      flex-wrap: nowrap;
+      overflow: hidden;
+      width: 100%;
+      
+      
+    }
+    ul li {
+      width: 130px;
+      height: 40px;
+      background: #ffffff;
+      border: 2px solid #D7D7D7;
+      border-radius: 30px;
+      text-align: center;
+      font-size: 14px;
+       display: flex;
+       align-items: center;
+       justify-content: center;
+      margin-left: 32px;
+    }
+    li:first-child{
+      margin-left: 0;
+    }
+  }
+  .rc-product {
+    h2 {
+      font-size: 18px;
+      color: #333333;
+      margin-left: 12px;
+    }
+  }
+  .rc-productcat {
+    display: flex;
+    align-items: center;
+    flex-wrap: nowrap;
+    .rc-cat {
+      width: 327px;
+      height: 48px;
+      border-radius: 30px;
+      background: #ffffff;
+      border-radius: 100px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 14px;
+    &:last-child{
+      margin-left: 16px;
+    }
+    span {
+      margin-left: 0px;
+    }
+    img {
+      width: 24px;
+      height: 16px;
+    }
+  
+    }
+  }
+
+  .rc-productright {
+    display: flex;
+    align-items: center;
+    img {
+      width: 24px;
+      height: 20px;
+      margin-left: 15px;
+    }
+    span {
+      font-size: 14px;
+      color: #666666;
+      margin-left: 8px;
+    }
+  }
+  .rc-max-width--xl{
+    .rc-column {
+      i{
+        font-size: 22px;
+      }
+    }
+   }
+  }

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;
+               }
+
+          }
+    }
+
+  }
+
+}

rc-busness/assets/image/ico-login.svg

@@ -0,0 +1,20 @@
+<svg id="Icons_User_16" data-name="Icons/User/16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
+  <defs>
+    <clipPath id="clip-path">
+      <path id="User" d="M15,16H1a1,1,0,0,1-1-1,6.583,6.583,0,0,1,1.244-3.9A7.311,7.311,0,0,1,4.565,8.615,4.949,4.949,0,0,1,3,5,5,5,0,1,1,13,5a4.947,4.947,0,0,1-1.564,3.614A7.312,7.312,0,0,1,14.756,11.1,6.583,6.583,0,0,1,16,15,1,1,0,0,1,15,16ZM8,10c-3.011,0-5.38,1.608-5.9,4H13.9C13.4,11.571,11.083,10,8,10ZM8,2a3,3,0,1,0,3,3A3,3,0,0,0,8,2Z" fill="#767676"/>
+    </clipPath>
+    <clipPath id="clip-path-2">
+      <rect id="Rectangle_Copy_3" data-name="Rectangle Copy 3" width="16" height="16" fill="#767676"/>
+    </clipPath>
+  </defs>
+  <g id="组_248" data-name="组 248">
+    <path id="User-2" data-name="User" d="M15,16H1a1,1,0,0,1-1-1,6.583,6.583,0,0,1,1.244-3.9A7.311,7.311,0,0,1,4.565,8.615,4.949,4.949,0,0,1,3,5,5,5,0,1,1,13,5a4.947,4.947,0,0,1-1.564,3.614A7.312,7.312,0,0,1,14.756,11.1,6.583,6.583,0,0,1,16,15,1,1,0,0,1,15,16ZM8,10c-3.011,0-5.38,1.608-5.9,4H13.9C13.4,11.571,11.083,10,8,10ZM8,2a3,3,0,1,0,3,3A3,3,0,0,0,8,2Z" fill="#767676"/>
+    <g id="蒙版组_251" data-name="蒙版组 251" clip-path="url(#clip-path)">
+      <g id="Visual_Styles_Colour_Iconography" data-name="Visual Styles/Colour/Iconography" transform="translate(0 0)">
+        <g id="组_286" data-name="组 286">
+          <rect id="Rectangle_Copy_3-2" data-name="Rectangle Copy 3" width="16" height="16" fill="#767676"/>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

rc-busness/assets/image/wechat.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="16px" viewBox="0 0 18 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 8</title>
+    <g id="控件" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="header" transform="translate(-819.000000, -52.000000)" fill="#666666" stroke="#666666" stroke-width="0.1">
+            <g id="编组-17" transform="translate(760.000000, 39.000000)">
+                <g id="编组-6" transform="translate(48.000000, 0.000000)">
+                    <g id="编组" transform="translate(11.000000, 12.000000)">
+                        <g id="编组-8" transform="translate(0.999700, 2.920900)">
+                            <path d="M5.875,8.608 C5.541,8.608 5.236,8.531 4.914,8.448 L4.647,8.381 C4.587,8.368 4.528,8.351 4.509,8.351 C4.507,8.351 4.505,8.351 4.505,8.352 C4.394,8.287 4.267,8.252 4.138,8.252 C4.044,8.252 3.952,8.27 3.84,8.319 L3.274,8.619 C3.282,8.587 3.29,8.554 3.297,8.522 C3.309,8.466 3.317,8.41 3.318,8.37 C3.339,8.187 3.289,8.005 3.176,7.861 C3.081,7.738 2.964,7.661 2.861,7.592 C2.817,7.563 2.771,7.534 2.73,7.5 C2.583,7.376 2.443,7.244 2.316,7.111 C1.756,6.487 1.484,5.795 1.484,4.994 C1.484,2.976 3.337,1.511 5.889,1.511 C7.919,1.511 9.517,2.481 10.065,4.008 C9.064,4.12 8.246,4.471 7.451,5.126 C6.987,5.503 6.611,5.962 6.333,6.494 C6.072,7.003 5.897,7.471 5.893,8.095 C5.891,8.266 5.901,8.437 5.923,8.608 L5.875,8.608 Z M13.159,10.581 C13.06,10.709 13.013,10.869 13.026,11.005 C13.026,11.059 13.032,11.114 13.042,11.166 L13.044,11.174 L12.644,10.972 C12.563,10.938 12.477,10.92 12.389,10.92 C12.276,10.92 12.166,10.949 12.133,10.978 C11.774,11.08 11.402,11.131 11.03,11.131 L10.922,11.13 C9.91,11.123 8.999,10.818 8.358,10.273 C7.734,9.743 7.394,9.006 7.4,8.199 C7.413,6.553 8.862,5.404 10.966,5.404 C12.934,5.419 14.534,6.671 14.534,8.197 C14.534,9.042 14.201,9.741 13.545,10.276 C13.512,10.302 13.477,10.324 13.441,10.346 C13.355,10.402 13.247,10.469 13.159,10.581 Z M14.51,5.182 C13.724,4.514 12.739,4.095 11.652,3.966 C11.57,3.641 11.452,3.326 11.298,3.025 C10.981,2.408 10.548,1.872 10.014,1.43 C8.906,0.507 7.442,3.55271368e-15 5.89,3.55271368e-15 C4.338,3.55271368e-15 2.874,0.507 1.768,1.429 C1.231,1.871 0.798,2.407 0.48,3.025 C-0.16,4.274 -0.16,5.766 0.48,7.014 C0.714,7.475 1.026,7.9 1.404,8.279 C1.404,8.279 1.575,8.453 1.705,8.581 L1.384,9.802 C1.318,10.063 1.406,10.341 1.609,10.514 C1.738,10.625 1.904,10.686 2.075,10.686 C2.168,10.686 2.259,10.669 2.345,10.632 L4.244,9.854 C4.363,9.872 4.384,9.877 4.512,9.903 C4.963,9.994 5.425,10.04 5.885,10.04 C6.041,10.04 6.197,10.035 6.353,10.024 C6.617,10.521 6.969,10.957 7.401,11.318 C8.344,12.12 9.594,12.567 10.977,12.576 C11.443,12.576 11.911,12.521 12.368,12.409 L13.823,13.028 C13.903,13.062 13.988,13.079 14.075,13.079 C14.225,13.079 14.371,13.026 14.486,12.931 C14.672,12.779 14.755,12.528 14.699,12.293 L14.472,11.366 C14.927,10.994 15.306,10.528 15.577,10.008 C16.135,8.933 16.145,7.646 15.604,6.563 C15.336,6.03 14.967,5.565 14.51,5.182 Z" id="Fill-9"></path>
+                            <path d="M12.8995,6.6099 C12.7775,6.4909 12.6165,6.4239 12.4375,6.4239 C12.2665,6.4239 12.1055,6.4909 11.9835,6.6109 C11.8615,6.7299 11.7915,6.8959 11.7905,7.0679 C11.7905,7.4229 12.0825,7.7119 12.4405,7.7119 L12.4445,7.7119 C12.6165,7.7119 12.7785,7.6449 12.8995,7.5259 C13.0215,7.4059 13.0915,7.2389 13.0925,7.0669 C13.0915,6.8959 13.0215,6.7299 12.8995,6.6099" id="Fill-1"></path>
+                            <path d="M4.046,2.6324 C3.845,2.6324 3.653,2.7104 3.507,2.8544 C3.363,2.9954 3.28,3.1944 3.278,3.3984 C3.278,3.8204 3.626,4.1634 4.054,4.1634 C4.482,4.1634 4.83,3.8204 4.83,3.3974 C4.828,3.1944 4.745,2.9954 4.6,2.8544 C4.455,2.7104 4.264,2.6324 4.046,2.6324" id="Fill-3"></path>
+                            <path d="M7.6969,2.6597 C7.4919,2.6597 7.2989,2.7387 7.1549,2.8817 C7.0099,3.0237 6.9259,3.2227 6.9249,3.4267 C6.9249,3.8487 7.2729,4.1917 7.7009,4.1917 C8.1289,4.1917 8.4769,3.8487 8.4769,3.4257 C8.4759,3.2227 8.3919,3.0247 8.2469,2.8807 C8.1009,2.7377 7.9089,2.6597 7.6969,2.6597" id="Fill-5"></path>
+                            <path d="M9.4591,6.4019 C9.2881,6.4019 9.1261,6.4679 9.0041,6.5879 C8.8821,6.7079 8.8131,6.8739 8.8121,7.0459 C8.8131,7.3999 9.1051,7.6879 9.4621,7.6879 L9.4661,7.6879 C9.6391,7.6879 9.8001,7.6229 9.9211,7.5029 C10.0441,7.3809 10.1131,7.2169 10.1131,7.0439 C10.1121,6.8709 10.0431,6.7099 9.9211,6.5879 C9.7991,6.4679 9.6381,6.4019 9.4591,6.4019" id="Fill-7"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>