diff --git a/package.json b/package.json
index a32aaf5..b11ba5d 100644
--- a/package.json
+++ b/package.json
@@ -53,4 +53,4 @@
     "sass-loader": "^8.0.2",
     "vue-template-compiler": "^2.6.11"
   }
-}
\ No newline at end of file
+}
diff --git a/src/api/index.js b/src/api/index.js
index 36be8e5..2417160 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -185,15 +185,6 @@ export function getAlertUserAgreementPost(data) {
   });
 }
 
-// 获取抗衰达人
-export function repurchase(data) {
-  return request({
-    url: "/member/api/achieve/repurchase",
-    method: "post",
-    data,
-  });
-}
-
 //全球分布市场
 export function getGloableCompany(params) {
   return request({
diff --git a/src/api/pay.js b/src/api/pay.js
index 060a550..936d761 100644
--- a/src/api/pay.js
+++ b/src/api/pay.js
@@ -1,245 +1,230 @@
 /*
- * @Descripttion: 
- * @version: 
+ * @Descripttion:
+ * @version:
  * @Author: kBank
  * @Date: 2023-02-01 18:02:36
  */
-import request from '@/util/request'
+import request from "@/util/request";
 
 // 查询订单消费明细
 export function spendDetails(data) {
   return request({
-    url: '/sale/api/order/query-spend-details',
-    method: 'post',
-    data
-  })
+    url: "/sale/api/order/query-spend-details",
+    method: "post",
+    data,
+  });
 }
 // 查询订单明细
 export function orderInfo(data) {
   return request({
-    url: '/sale/api/order/query-order',
-    method: 'post',
-    data
-  })
+    url: "/sale/api/order/query-order",
+    method: "post",
+    data,
+  });
 }
 // 支付注册订单
 export function payRegOrder(data) {
   return request({
-    url: '/sale/api/order/pay-reg-order',
-    method: 'post',
-    data
-  })
+    url: "/sale/api/order/pay-reg-order",
+    method: "post",
+    data,
+  });
 }
 // 支付其他订单
 export function payOthOrder(data) {
   return request({
-    url: '/sale/api/order/pay-oth-order',
-    method: 'post',
-    data
-  })
+    url: "/sale/api/order/pay-oth-order",
+    method: "post",
+    data,
+  });
 }
 // 京东银行列表
 export function jdBankList(params) {
   return request({
-    url: '/pay/jd-fast/list',
-    method: 'get',
-    params
-  })
+    url: "/pay/jd-fast/list",
+    method: "get",
+    params,
+  });
 }
 // 通联银行列表
 export function tlBankList(params) {
   return request({
-    url: '/pay/all-in-fast/list',
-    method: 'get',
-    params
-  })
+    url: "/pay/all-in-fast/list",
+    method: "get",
+    params,
+  });
 }
 // 汇付银行列表
 export function hfBankList(params) {
   return request({
-    url: '/pay/ada-fast/list',
-    method: 'get',
-    params
-  })
+    url: "/pay/ada-fast/list",
+    method: "get",
+    params,
+  });
 }
 // 京东绑卡
 export function bindJd(data) {
   return request({
-    url: '/pay/jd-fast/bind',
-    method: 'post',
-    data
-  })
+    url: "/pay/jd-fast/bind",
+    method: "post",
+    data,
+  });
 }
 // 通联绑卡
 export function bindTl(data) {
   return request({
-    url: '/pay/all-in-fast/bind',
-    method: 'post',
-    data
-  })
+    url: "/pay/all-in-fast/bind",
+    method: "post",
+    data,
+  });
 }
 // 京东绑卡
 export function bindJdConfirm(data) {
   return request({
-    url: '/pay/jd-fast/bind-confirm',
-    method: 'post',
-    data
-  })
+    url: "/pay/jd-fast/bind-confirm",
+    method: "post",
+    data,
+  });
 }
 // 通联绑卡
 export function bindTlConfirm(data) {
   return request({
-    url: '/pay/all-in-fast/bind-confirm',
-    method: 'post',
-    data
-  })
+    url: "/pay/all-in-fast/bind-confirm",
+    method: "post",
+    data,
+  });
 }
 
 //在线预充值
 export function preCharge(params) {
   return request({
-    url: '/member/api/recharge/preCharge',
-    method: 'get',
-    params
-  })
+    url: "/member/api/recharge/preCharge",
+    method: "get",
+    params,
+  });
 }
 //支付配置
 export function payConfig(params) {
   return request({
-    url: '/pay/config',
-    method: 'get',
-    params
-  })
+    url: "/pay/config",
+    method: "get",
+    params,
+  });
 }
 
 // 汇付绑卡
 export function bindHf(data) {
   return request({
-    url: '/pay/ada-fast/bind',
-    method: 'post',
-    data
-  })
+    url: "/pay/ada-fast/bind",
+    method: "post",
+    data,
+  });
 }
 // 汇付绑卡确认
 export function bindHfConfirm(data) {
   return request({
-    url: '/pay/ada-fast/bind-confirm',
-    method: 'post',
-    data
-  })
+    url: "/pay/ada-fast/bind-confirm",
+    method: "post",
+    data,
+  });
 }
 // 银行卡支付获取验证码
 export function unifiedorder(data) {
   return request({
-    url: '/pay/unifiedorder',
-    method: 'post',
-    data
-  })
+    url: "/pay/unifiedorder",
+    method: "post",
+    data,
+  });
 }
 // 汇付银行卡确认
 export function payConfirmHf(data) {
   return request({
-    url: '/pay/ada-fast/pay-confirm',
-    method: 'post',
-    data
-  })
+    url: "/pay/ada-fast/pay-confirm",
+    method: "post",
+    data,
+  });
 }
 // 通联银行卡确认
 export function payConfirmTl(data) {
   return request({
-    url: '/pay/all-in-fast/pay-confirm',
-    method: 'post',
-    data
-  })
+    url: "/pay/all-in-fast/pay-confirm",
+    method: "post",
+    data,
+  });
 }
 // 京东银行卡确认
 export function payConfirmJd(data) {
   return request({
-    url: '/pay/jd-fast/pay-confirm',
-    method: 'post',
-    data
-  })
+    url: "/pay/jd-fast/pay-confirm",
+    method: "post",
+    data,
+  });
 }
 // 宝付确认支付h5
 export function baoFuPay(data) {
   return request({
-    url: '/pay/baofu-code/order',
-    method: 'post',
-    data
-  })
+    url: "/pay/baofu-code/order",
+    method: "post",
+    data,
+  });
 }
 // 汇付确认支付h5
 export function huiFuPay(data) {
   return request({
-    url: '/pay/ada-code/order',
-    method: 'post',
-    data
-  })
+    url: "/pay/ada-code/order",
+    method: "post",
+    data,
+  });
 }
 
 // 宝付微信支付
 export function payScanBf(data) {
   return request({
-    url: '/baoFu/pay/createCode',
-    method: 'post',
-    data
-  })
+    url: "/baoFu/pay/createCode",
+    method: "post",
+    data,
+  });
 }
 
 // 汇付微信支付
 export function payScanHf(data) {
   return request({
-    url: '/ada/pay/createCode',
-    method: 'post',
-    data
-  })
+    url: "/ada/pay/createCode",
+    method: "post",
+    data,
+  });
 }
 
 // 支付状态
 export function payStatus(params) {
   return request({
-    url: '/pay/status',
-    method: 'get',
-    params
-  })
+    url: "/pay/status",
+    method: "get",
+    params,
+  });
 }
 
 //抽奖下单
 export function payDrawGift(data) {
   return request({
-    url: '/activity/api/draw/pay-draw-num',
-    method: 'post',
-    data
-  })
-}
-//植树活动
-export function shoppingTree(data){
-  return request({
-    url: 'activity/api/sa-tree-order/shoppingTree',
-    method: 'post',
-    data
-  })
-}
-//植树查看账户
-export function deductionAccount(data){
-  return request({
-    url: 'activity/api/sa-tree-order/deductionAccount',
-    method: 'post',
-    data
-  })
+    url: "/activity/api/draw/pay-draw-num",
+    method: "post",
+    data,
+  });
 }
+
 //解绑银行卡
-export function unBind(data){
+export function unBind(data) {
   return request({
-    url: '/pay/ada-fast/un-bind',
-    method: 'post',
-    data
-  })
+    url: "/pay/ada-fast/un-bind",
+    method: "post",
+    data,
+  });
 }
 // 查询注册信息
 export function registerInfo(params) {
   return request({
-    url: '/member/api/member/register-order/' + params,
-    method: 'get',
-  })
-}
\ No newline at end of file
+    url: "/member/api/member/register-order/" + params,
+    method: "get",
+  });
+}
diff --git a/src/api/sidebaruserinfo.js b/src/api/sidebaruserinfo.js
index bf8a704..74cd33a 100644
--- a/src/api/sidebaruserinfo.js
+++ b/src/api/sidebaruserinfo.js
@@ -17,33 +17,6 @@ export function marketList(params) {
   });
 }
 
-//意见反馈类型
-export function getFeedbackType(params) {
-  return request({
-    url: "/system/pub/enums/feedback-type",
-    method: "get",
-    params,
-  });
-}
-
-//提交意见反馈列表
-export function saveFeedBack(data) {
-  return request({
-    url: "/system/api/feedback/save",
-    method: "post",
-    data,
-  });
-}
-
-//意见列表
-export function getFeedbackList(params) {
-  return request({
-    url: "/system/api/feedback/index-list",
-    method: "get",
-    params,
-  });
-}
-
 //获取会员真实奖衔
 export function getUserAwards(params) {
   return request({
diff --git a/src/components/PayAasswordTree.vue b/src/components/PayAasswordTree.vue
deleted file mode 100644
index 8f48bed..0000000
--- a/src/components/PayAasswordTree.vue
+++ /dev/null
@@ -1,342 +0,0 @@
-<!--
- * @Descripttion: 
- * @version: 
- * @Author: 王三华
- * @Date: 2023-06-21 18:11:14
--->
-<!--
- * @Descripttion: 
- * @version: 
- * @Author: kBank
- * @Date: 2023-02-03 09:01:23
--->
-<template>
-  <div>
-    <el-dialog :title="'支付验证'"
-               :visible.sync="pwShow"
-               width="30%"
-               center
-               :before-close="handleClose">
-      <div class="tit"
-           v-show="this.whatBank == ''">{{'请输入6位数字支付密码'}}</div>
-      <div class="tit"
-           v-show="this.whatBank != ''">{{'请输入验证码'}}</div>
-      <!-- <div class="input-box flexbox">
-        <div class="code-item"
-             :class="codeValue.length == 0 && inputFocus ? 'code-item-active' : ''">{{dianValue[0]}}</div>
-        <div class="code-item"
-             :class="codeValue.length == 1 && inputFocus ? 'code-item-active' : ''">{{dianValue[1]}}</div>
-        <div class="code-item"
-             :class="codeValue.length == 2 && inputFocus ? 'code-item-active' : ''">{{dianValue[2]}}</div>
-        <div class="code-item"
-             :class="codeValue.length == 3 && inputFocus ? 'code-item-active' : ''">{{dianValue[3]}}</div>
-        <div class="code-item"
-             :class="codeValue.length == 4 && inputFocus ? 'code-item-active' : ''">{{dianValue[4]}}</div>
-        <div class="code-item"
-             :class="codeValue.length >= 5 && inputFocus ? 'code-item-active' : ''">{{dianValue[5]}}</div>
-        <el-input class="input-code"
-                  :value="codeValue"
-                  ref="input"
-                  :maxlength="6"
-                  @blur="codeInputBlur"
-                  @focus="codeInputFocus"
-                  @input="codeInputChange">
-        </el-input>
-      </div> -->
-      <el-input v-model="codeValue"
-                type="password"></el-input>
-      <div class="btn"
-           @click="payPw">{{ '立即支付' }}</div>
-    </el-dialog>
-    <successDialog @successClose="successClose"
-                   ref="successDialog"></successDialog>
-  </div>
-</template>
-
-<script>
-import * as api from '@/api/pay.js'
-import successDialog from '@/components/successDialog.vue'
-export default {
-  components: {
-    successDialog,
-  },
-  data() {
-    return {
-      codeValue: '',
-      inputFocus: false,
-      pwShow: this.isPw,
-      form: {},
-      dianValue: [],
-      whatBank: '',
-      pkCountry: '',
-      payTree: false,
-      treeObj: '',
-    }
-  },
-  props: {
-    isPw: {
-      type: Boolean,
-      default: false,
-    },
-    pwData: '',
-    isBank: '',
-    businessType: '',
-  },
-  watch: {
-    isPw(val) {
-      this.codeValue = ''
-      this.pwShow = val
-      this.dianValue = []
-      // this.$nextTick(() => {
-      //   this.$refs.input.focus()
-      // })
-    },
-    isBank(val) {
-      this.whatBank = val
-    },
-    pwData: {
-      handler(val) {
-        this.pkCountry = parseInt(localStorage.getItem('pkCountry'))
-        if (!val.specialArea) {
-          val.specialArea = val.orderType
-        }
-        this.form = val
-      },
-      deep: true,
-    },
-  },
-  methods: {
-    howMoney(obj) {
-      this.payTree = true
-      this.treeObj = obj
-    },
-    payPw() {
-      if (this.payTree) {
-        let obj = {
-          pkBaseId: this.treeObj.pkBaseId,
-          pkTreeRule: this.treeObj.pkTreeRule,
-          shopQuantity: this.treeObj.quantity,
-          payPwd: this.codeValue,
-        }
-        api.shoppingTree(obj).then((res) => {
-          if (res.code == 200) {
-            this.$message({
-              message: res.msg,
-              type: 'success',
-            })
-            this.successClose()
-          }
-        })
-      } else {
-        // 非银行卡支付
-        if (this.whatBank == '') {
-          if (this.form.specialArea == 4) {
-            //抽奖
-            let obj = {
-              payPwd: this.codeValue,
-              payNum: this.form.luckydrawData.payNum,
-              pkBaseId: this.form.luckydrawData.pkBaseId,
-            }
-            api.payDrawGift(obj).then((res) => {
-              if (res.code == 200) {
-                this.$message({
-                  message: res.msg,
-                  type: 'success',
-                })
-                this.successClose()
-              }
-            })
-          } else {
-            //非抽奖
-            let obj = Object.assign(
-              {},
-              {
-                orderCode: this.form.orderCode,
-                specialArea: this.form.specialArea,
-                pkCountry: this.pkCountry,
-              },
-              { payPwd: this.codeValue }
-            )
-            let url = ''
-            if (
-              this.form.specialArea == 1 ||
-              this.form.specialArea == 7 ||
-              this.form.specialArea == 24
-            ) {
-              url = api.payRegOrder
-            } else {
-              url = api.payOthOrder
-            }
-            url(obj).then((res) => {
-              if (res.code == 200) {
-                if (
-                  this.form.specialArea == 1 ||
-                  this.form.specialArea == 7 ||
-                  this.form.specialArea == 24
-                ) {
-                  this.$refs.successDialog.showSuccess(res.data)
-                } else {
-                  this.$message({
-                    message: res.msg,
-                    type: 'success',
-                  })
-                  this.successClose()
-                }
-              }
-            })
-          }
-        } else if (this.whatBank == 'jd') {
-          let obj = Object.assign(
-            {},
-            {
-              orderCode: this.form.orderCode,
-              bindCode: this.form.bindCode,
-              specialArea: this.form.specialArea,
-            },
-            { smsCode: this.codeValue }
-          )
-          api.payConfirmJd(obj).then((res) => {
-            if (res.code == 200) {
-              if (
-                this.form.specialArea == 1 ||
-                this.form.specialArea == 7 ||
-                this.form.specialArea == 24
-              ) {
-                this.$refs.successDialog.showSuccess(res.data)
-              } else {
-                this.$message({
-                  message: res.msg,
-                  type: 'success',
-                })
-                this.successClose()
-              }
-            }
-          })
-        } else if (this.whatBank == 'hf') {
-          let obj = Object.assign(
-            {},
-            {
-              orderCode: this.form.orderCode,
-              bindCode: this.form.bindCode,
-              specialArea: this.form.specialArea,
-            },
-            { smsCode: this.codeValue }
-          )
-          api.payConfirmHf(obj).then((res) => {
-            if (res.code == 200) {
-              if (
-                this.form.specialArea == 1 ||
-                this.form.specialArea == 7 ||
-                this.form.specialArea == 24
-              ) {
-                this.$refs.successDialog.showSuccess(res.data)
-              } else {
-                this.$message({
-                  message: res.msg,
-                  type: 'success',
-                })
-                this.successClose()
-              }
-            }
-          })
-        }
-      }
-    },
-    // 支付全关
-    successClose() {
-      this.$emit('closePwPay', 1)
-    },
-    // 只关闭输入密码
-    handleClose() {
-      this.$emit('closePwPay', 0)
-    },
-    // 验证码输入框
-    codeInputChange(e) {
-      this.dianValue = []
-      if (e) {
-        // 判断输入内容是否为数字
-        if (/^\+?[0-9][0-9]*$/.test(e)) {
-          this.codeValue = e
-          for (let i = 0; i < e.length; i++) {
-            this.dianValue.push('●')
-          }
-        }
-      } else {
-        this.codeValue = ''
-        this.dianValue = []
-      }
-    },
-    // 验证码输入框失去焦点
-    codeInputBlur() {
-      this.inputFocus = false
-    },
-    // 验证码输入框获取到焦点
-    codeInputFocus() {
-      this.inputFocus = true
-    },
-  },
-}
-</script>
-
-<style lang="scss" scoped>
-.input-box {
-  margin-top: 30px;
-  position: relative;
-}
-.input-code {
-  position: absolute;
-}
-.code-item {
-  width: 50px;
-  height: 50px;
-  text-align: center;
-  line-height: 50px;
-  border: 1px solid #cccccc;
-  margin-right: 10px;
-  box-shadow: 0px 0px 10px 0px #fff;
-}
-.code-item-active {
-  box-shadow: 0px 0px 10px 0px #d5251d;
-  border: 1px solid #d5251d;
-  border-radius: 2px 2px 2px 2px;
-  box-sizing: border-box;
-}
-.tit {
-  font-size: 12px;
-  font-family: PingFang SC-Regular, PingFang SC;
-  font-weight: 400;
-  color: #666666;
-  text-align: center;
-  margin: 10px 0;
-}
-.flexbox {
-  display: flex;
-  justify-content: center;
-}
-// 隐藏input
-.input-box {
-  ::v-deep .el-input__inner {
-    width: 100%;
-    height: 42px;
-    background-color: transparent;
-    border: none;
-    color: transparent;
-  }
-}
-.btn {
-  line-height: 50px;
-  width: 180px;
-  height: 50px;
-  background: #d5251d;
-  border-radius: 6px 6px 6px 6px;
-  text-align: center;
-  font-size: 18px;
-  font-weight: 500;
-  color: #ffffff;
-  margin: 25px auto;
-  cursor: pointer;
-}
-::v-deep .el-dialog__wrapper{
-  z-index: 300000!important;
-}
-</style>
\ No newline at end of file
diff --git a/src/components/PayTree.vue b/src/components/PayTree.vue
deleted file mode 100644
index 02582de..0000000
--- a/src/components/PayTree.vue
+++ /dev/null
@@ -1,1415 +0,0 @@
-<!--
- * @Descripttion:
- * @version:
- * @Author: 王三华
- * @Date: 2023-06-21 17:59:22
--->
-<template>
-  <div class="contain">
-    <el-dialog :title="paytitle"
-               :visible.sync="toShow"
-               width="30%"
-               center
-               :close-on-click-modal="false"
-               :before-close="handleClose">
-      <div class="diaBox">
-        <!-- 充值 -->
-        <template v-if="ifcz">
-          <div class="tit4">{{ '充值金额' }}</div>
-          <el-input class="czinputbox"
-                    v-model="czJe"></el-input>
-        </template>
-        <div class="tit1">
-            {{ userInfo.currencyIcon }}{{ objTree.amount | numberToCurrency }}
-          </div>
-<template v-if="!isTree">
-  <div class="tit1">
-    {{ userInfo.currencyIcon }}{{ orderData.orderAmount }}
-  </div>
-  <div class="tit2">
-    {{ '请在' }}
-    <div class="tit3">{{ countDown }}</div>
-    {{ '内完成支付，否则订单将会被自动取消' }}
-  </div>
-</template>
-        <div class="tit4" v-if="!isTree">{{ '支付方式' }}</div>
-        <div class="quan">
-          <el-collapse v-model="activeNames">
-            <el-collapse-item name="1"
-                              v-if="!ifcz&isShare&userInfo.memberCode!='CN68880628'">
-<template slot="title">
-    <div class="pf">
-        <div class="pf_l">
-            <img src="@/assets/images/yhkzf.jpg" alt="" />
-            <div>{{ '钱包支付' }}</div>
-        </div>
-        <el-radio v-model="whatPay" @click.prevent="selPayRadio(0, $event)" :label="0">{{ " " }}
-        </el-radio>
-    </div>
-</template>
-              <div class="quan_i"
-                   v-show="account.consumeBalance == 0||account.consumeDeduct > 0">
-                <div class="tTit">{{ '消费账户' }}</div>
-                <div class="lan">
-                  <div>
-                    {{ userInfo.currencyIcon
-                    }}{{ account.consumeBalance | numberToCurrency }}
-                  </div>
-                  <div>
-                    -{{ userInfo.currencyIcon
-                    }}{{ account.consumeDeduct | numberToCurrency }}
-                  </div>
-                </div>
-              </div>
-
-              <div class="quan_i"
-                   v-show="payDetail.payAccount3 > 0">
-                <div class="tTit">{{ '政策账户' }}</div>
-                <div class="lan">
-                  <div>
-                    {{ userInfo.currencyIcon
-                    }}{{ payDetail.account3 | numberToCurrency }}
-                  </div>
-                  <div>
-                    -{{ userInfo.currencyIcon
-                    }}{{ payDetail.payAccount3 | numberToCurrency }}
-                  </div>
-                </div>
-              </div>
-              <div class="quan_i"
-                   v-show="account.bonusBalance==0||account.bonusDeduct > 0">
-                <div class="tTit">{{ '奖金账户' }}</div>
-                <div class="lan">
-                  <div>
-                    {{ userInfo.currencyIcon
-                    }}{{ account.bonusBalance | numberToCurrency }}
-                  </div>
-                  <div>
-                    -{{ userInfo.currencyIcon
-                    }}{{ account.bonusDeduct | numberToCurrency }}
-                  </div>
-                </div>
-              </div>
-              <div class="quan_i"
-                   v-show="account.cashBalance==0||account.cashDeduct > 0">
-                <div class="tTit">{{ '现金账户' }}</div>
-                <div class="lan">
-                  <div>
-                    {{ userInfo.currencyIcon
-                    }}{{ account.cashBalance | numberToCurrency }}
-                  </div>
-                  <div>
-                    -{{ userInfo.currencyIcon
-                    }}{{ account.cashDeduct | numberToCurrency }}
-                  </div>
-                </div>
-              </div>
-              <div class="quan_i"
-                   v-show="payDetail.payAccount5 > 0">
-                <div class="tTit">{{ '重消账户' }}</div>
-                <div class="lan">
-                  <div>
-                    {{ userInfo.currencyIcon
-                    }}{{ payDetail.account5 | numberToCurrency }}
-                  </div>
-                  <div>
-                    -{{ userInfo.currencyIcon
-                    }}{{ payDetail.payAccount5 | numberToCurrency }}
-                  </div>
-                </div>
-              </div>
-              <div class="quan_i"
-                   v-show="payDetail.payAccount6 > 0">
-                <div class="tTit">{{ '积分账户' }}</div>
-                <div class="lan">
-                  <div>
-                    {{ userInfo.currencyIcon
-                    }}{{ payDetail.account6 | numberToCurrency }}
-                  </div>
-                  <div>
-                    -{{ userInfo.currencyIcon
-                    }}{{ payDetail.payAccount6 | numberToCurrency }}
-                  </div>
-                </div>
-              </div>
-              <div class="quan_i"
-                   v-show="payDetail.payAccount7 > 0">
-                <div class="tTit">{{ '鼓励账户' }}</div>
-                <div class="lan">
-                  <div>
-                    {{ userInfo.currencyIcon
-                    }}{{ payDetail.account7 | numberToCurrency }}
-                  </div>
-                  <div>
-                    -{{ userInfo.currencyIcon
-                    }}{{ payDetail.payAccount7 | numberToCurrency }}
-                  </div>
-                </div>
-              </div>
-              <div class="quan_i"
-                   v-show="payDetail.payAccount8 > 0">
-                <div class="tTit">复购券账户</div>
-                <div class="lan">
-                  <div>
-                    {{ userInfo.currencyIcon
-                    }}{{ payDetail.account8 | numberToCurrency }}
-                  </div>
-                  <div>
-                    -{{ userInfo.currencyIcon
-                    }}{{ payDetail.payAccount8 | numberToCurrency }}
-                  </div>
-                </div>
-              </div>
-              <!-- </div> -->
-              <div class="quan_i"
-                   v-show="payDetail.payAccount9 > 0">
-                <div class="tTit">全球积分</div>
-                <div class="lan">
-                  <div>
-                    {{ userInfo.currencyIcon
-                    }}{{ payDetail.account9 | numberToCurrency }}
-                  </div>
-                  <div>
-                    -{{ userInfo.currencyIcon
-                    }}{{ payDetail.payAccount9 | numberToCurrency }}
-                  </div>
-                </div>
-              </div>
-              <div class="quan_i"
-                   v-show="payDetail.payAccount10 > 0">
-                <div class="tTit">车奖积分</div>
-                <div class="lan">
-                  <div>
-                    {{ userInfo.currencyIcon
-                    }}{{ payDetail.account10 | numberToCurrency }}
-                  </div>
-                  <div>
-                    -{{ userInfo.currencyIcon
-                    }}{{ payDetail.payAccount10 | numberToCurrency }}
-                  </div>
-                </div>
-              </div>
-              <!-- </div> -->
-            </el-collapse-item>
-            <div class="quan_r"
-                 v-if="ifcz">
-              <li class="flex_ac"
-                  v-show="this.payList.pay9"
-                  @click.prevent="selPayRadio(1)">
-                <div class="flex_ac_i">
-                  <img src="@/assets/images/pay_i2.png"
-                       alt="" />
-                  <span>微信支付</span>
-                </div>
-                <el-radio v-model="whatPay"
-                          :label="1"><span></span></el-radio>
-              </li>
-              <li class="flex_ac"
-                  v-show="this.payList.pay8"
-                  @click.prevent="selPayRadio(2)">
-                <div class="flex_ac_i">
-                  <img src="@/assets/images/pay_i3.png"
-                       alt="" />
-                  <span>{{ '支付宝' }}</span>
-                </div>
-                <el-radio v-model="whatPay"
-                          :label="2"><span></span></el-radio>
-              </li>
-              <li class="flex_ac"
-                  v-show="this.payList.pay10"
-                  @click.prevent="selPayRadio(3)">
-                <div class="flex_ac_i">
-                  <img src="@/assets/images/pay_i2.png"
-                       alt="" />
-                  <span>{{ '杉德微信' }}</span>
-                </div>
-                <el-radio v-model="whatPay"
-                          :label="3"><span></span></el-radio>
-              </li>
-<!--              <li class="flex_ac"-->
-<!--                  v-show="this.payList.pay11"-->
-<!--                  @click.prevent="selPayRadio(4)">-->
-<!--                <div class="flex_ac_i">-->
-<!--                  <img src="@/assets/images/pay_i3.png"-->
-<!--                       alt="" />-->
-<!--                  <span>{{ '杉德支付宝' }}</span>-->
-<!--                </div>-->
-<!--                <el-radio v-model="whatPay"-->
-<!--                          :label="4"><span></span></el-radio>-->
-<!--              </li>-->
-              <li class="flex_ac"
-                  v-show="this.payList.pay12"
-                  @click.prevent="selPayRadio(12)">
-                <div class="flex_ac_i">
-                  <img src="@/assets/images/pay_i2.png"
-                       alt="" />
-                  <span>{{ '宝付微信支付' }}</span>
-                </div>
-                <el-radio v-model="whatPay"
-                          :label="12"><span></span></el-radio>
-              </li>
-              <!-- 汇付微信 -->
-              <li class="flex_ac"
-                  v-show="this.payList.pay13"
-                  @click.prevent="selPayRadio(13)">
-                <div class="flex_ac_i">
-                  <img src="@/assets/images/pay_i2.png"
-                       alt="" />
-                  <span>{{ '汇付微信支付' }}</span>
-                </div>
-                <el-radio v-model="whatPay"
-                          :label="13"><span></span></el-radio>
-              </li>
-              <!-- {{ '汇付银行卡' }} -->
-              <!-- <li class="flex_ac"
-                    v-show="this.payList.pay15"
-                    @click="beforeScanPay('hfYhk')">
-                  <div class="flex_ac_i">
-                    <img src="@/assets/images/jdBank.jpg"
-                         alt="" />
-                    <span>{{ '汇付银行卡' }}支付</span>
-                  </div>
-                  <el-radio v-model="whatPay"
-                            :label="15">{{ }}</el-radio>
-                </li> -->
-              <el-collapse accordion
-                           v-show="this.payList.pay15">
-                <el-collapse-item>
-<template slot="title">
-    <div class="flex_ac_i">
-        <img src="@/assets/images/jdBank.jpg" alt="" />
-        <span>{{ '汇付银行卡' }} ({{ '暂不支持信用卡' }})</span>
-    </div>
-</template>
-                  <div class="pad">
-                    <div v-for="(item, index) in hfList"
-                         :key="index"
-                         class="pay_flax flex_bet"
-                         @click.prevent="selPayRadio('hf' + index)">
-                      <div class="flax_i">
-                        {{ item.bankName }} ({{ item.bankNo }})
-                      </div>
-                      <el-radio v-model="whatPay"
-                                :label="'hf' + index">{{
-                      }}</el-radio>
-                    </div>
-                    <div class="pay_flax flax_i"
-                         @click="bindBank('hf')">
-                      <img class="img1"
-                           src="@/assets/images/addto.png"
-                           alt="" />
-                      <div>{{ '绑定银行卡' }}</div>
-                    </div>
-                  </div>
-                </el-collapse-item>
-              </el-collapse>
-              <li class="flex_ac"
-                  v-show="this.payList.pay0"
-                  @click.prevent="selPayRadio(5)">
-                <div class="flex_ac_i">
-                  <img src="@/assets/images/pay_i2.png"
-                       alt="" />
-                  <span>{{ '京东微信' }}</span>
-                </div>
-                <el-radio v-model="whatPay"
-                          :label="5"><span></span></el-radio>
-              </li>
-              <li class="flex_ac"
-                  v-show="this.payList.pay1"
-                  @click.prevent="selPayRadio(6)">
-                <div class="flex_ac_i">
-                  <img src="@/assets/images/pay_i3.png"
-                       alt="" />
-                  <span>{{ '京东支付宝' }}</span>
-                </div>
-                <el-radio v-model="whatPay"
-                          :label="6"><span></span></el-radio>
-              </li>
-              <el-collapse accordion
-                           v-show="this.payList.pay4">
-                <el-collapse-item>
-<template slot="title">
-    <div class="flex_ac_i">
-        <img src="@/assets/images/jdBank.jpg" alt="" />
-        <span>{{ '京东银行卡' }} ({{ '暂不支持信用卡' }})</span>
-    </div>
-</template>
-                  <div class="pad">
-                    <div v-for="(item, index) in jdList"
-                         :key="index"
-                         class="pay_flax flex_bet"
-                         @click.prevent="selPayRadio('jd' + index)">
-                      <div class="flax_i">
-                        {{ item.bankName }} ({{ item.bankNo }})
-                      </div>
-                      <el-radio v-model="whatPay"
-                                :label="'jd' + index">{{
-                      }}</el-radio>
-                    </div>
-                    <div class="pay_flax flax_i"
-                         @click="bindBank('jd')">
-                      <img class="img1"
-                           src="@/assets/images/addto.png"
-                           alt="" />
-                      <div>{{ '绑定银行卡' }}</div>
-                    </div>
-                  </div>
-                </el-collapse-item>
-              </el-collapse>
-              <!-- <li class="flex_ac flex_bc"
-                    v-show="this.payList.pay4">
-                  <div class="flex_ac_i">
-                    <img src="@/assets/images/jdBank.jpg"
-                         alt="" />
-                    <span>{{ '京东银行卡' }}</span>
-                  </div>
-                  <div class="pad">
-                    <div v-for="(item, index) in jdList"
-                         :key="index"
-                         class="pay_flax flex_bet"
-                         @click.prevent="selPayRadio('jd' + index)">
-                      <div class="flax_i">
-                        {{ item.bankName }} ({{ item.bankNo }})
-                      </div>
-                      <el-radio v-model="whatPay"
-                                :label="'jd' + index">{{
-                      }}</el-radio>
-                    </div>
-                    <div class="pay_flax flax_i"
-                         @click="bindBank(false)">
-                      <img class="img1"
-                           src="@/assets/images/addto.png"
-                           alt="" />
-                      <div>{{ '绑定银行卡' }}</div>
-                    </div>
-                  </div>
-                </li> -->
-              <li class="flex_ac"
-                  v-show="this.payList.pay5"
-                  @click.prevent="selPayRadio(7)">
-                <div class="flex_ac_i">
-                  <img src="@/assets/images/pay_i2.png"
-                       alt="" />
-                  <span>{{ '通联微信' }}</span>
-                </div>
-                <el-radio v-model="whatPay"
-                          :label="7"><span></span></el-radio>
-              </li>
-              <li class="flex_ac"
-                  v-show="this.payList.pay6"
-                  @click.prevent="selPayRadio(8)">
-                <div class="flex_ac_i">
-                  <img src="@/assets/images/pay_i3.png"
-                       alt="" />
-                  <span>{{ '通联支付宝' }}</span>
-                </div>
-                <el-radio v-model="whatPay"
-                          :label="8"><span></span></el-radio>
-              </li>
-              <li class="flex_ac flex_bc"
-                  v-show="this.payList.pay7">
-                <div class="flex_ac_i">
-                  <img src="@/assets/images/qb.png"
-                       alt="" />
-                  <span>{{ '通联银行卡' }} ({{ '暂不支持信用卡' }})</span>
-                </div>
-                <div class="pad">
-                  <div v-for="(item, index) in tlList"
-                       :key="index"
-                       class="pay_flax flex_bet"
-                       @click.prevent="selPayRadio('tl' + index)">
-                    <div class="flax_i">
-                      {{ item.bankName }} ({{ item.bankNo }})
-                    </div>
-                    <el-radio v-model="whatPay"
-                              :label="'tl' + index">{{
-                    }}</el-radio>
-                  </div>
-                  <div class="pay_flax flax_i"
-                       @click="bindBank('tl')">
-                    <img class="img1"
-                         src="@/assets/images/addto.png"
-                         alt="" />
-                    <div>{{ '绑定银行卡' }}</div>
-                  </div>
-                </div>
-              </li>
-            </div>
-          </el-collapse>
-        </div>
-<template v-if="!ifcz">
-  <div v-show="specialArea == 1||specialArea == 24">
-    <div class="tit4">{{ '注册会员信息' }}</div>
-    <div class="quan">
-      <div class="kuang_i">
-        <div>{{ '新会员编号' }}</div>
-        <div>{{ orderData.memberCode }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '申请级别' }}</div>
-        <div>{{ orderData.pkGradeVal }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '新会员姓名' }}</div>
-        <div>{{ orderData.memberName }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '新联系方式' }}</div>
-        <div>{{ orderData.phone }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '推荐编号' }}</div>
-        <div>{{ orderData.parent }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '推荐姓名' }}</div>
-        <div>{{ orderData.parentName }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '安置编号' }}</div>
-        <div>{{ orderData.placeParent }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '安置姓名' }}</div>
-        <div>{{ orderData.placeParentName }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '安置位置' }}</div>
-        <div>{{ orderData.placeDeptVal }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '发货方式' }}</div>
-        <div>{{ orderData.deliveryWayVal }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '运输方式' }}</div>
-        <div>{{ orderData.transTypeVal }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '收货人' }}</div>
-        <div>{{ orderData.recName }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '收货电话' }}</div>
-        <div>{{ orderData.recPhone }}</div>
-      </div>
-      <div class="kuang_i">
-        <div style="white-space: nowrap">{{ '收货地址' }}</div>
-        <div>
-          {{ orderData.recProvince }}{{ orderData.recCity }}{{ orderData.recAddress }}
-        </div>
-      </div>
-    </div>
-  </div>
-  <div v-show="specialArea == 2||specialArea == 25">
-    <div class="tit4">{{ '升级会员信息' }}</div>
-    <div class="quan">
-      <div class="kuang_i">
-        <div>{{ '升级编号' }}</div>
-        <div>{{ orderData.memberCode }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '升级姓名' }}</div>
-        <div>{{ orderData.memberName }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '升级级别' }}</div>
-        <div>{{ orderData.pkGradeVal }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '发货方式' }}</div>
-        <div>{{ orderData.deliveryWayVal }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '运输方式' }}</div>
-        <div>{{ orderData.transTypeVal }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '收货人' }}</div>
-        <div>{{ orderData.recName }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '收货电话' }}</div>
-        <div>{{ orderData.recPhone }}</div>
-      </div>
-      <div class="kuang_i">
-        <div style="white-space: nowrap">{{ '收货地址' }}</div>
-        <div>
-          {{ orderData.recProvince }}{{ orderData.recCity }}{{ orderData.recAddress }}
-        </div>
-      </div>
-    </div>
-  </div>
-  <div v-show="specialArea == 3||specialArea == 26">
-    <div class="tit4">{{ '复购会员信息' }}</div>
-    <div class="quan">
-      <div class="kuang_i">
-        <div>{{ '复购编号' }}</div>
-        <div>{{ orderData.memberCode }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '复购姓名' }}</div>
-        <div>{{ orderData.memberName }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '发货方式' }}</div>
-        <div>{{ orderData.deliveryWayVal }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '运输方式' }}</div>
-        <div>{{ orderData.transTypeVal }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '收货人' }}</div>
-        <div>{{ orderData.recName }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '收货电话' }}</div>
-        <div>{{ orderData.recPhone }}</div>
-      </div>
-      <div class="kuang_i">
-        <div style="white-space: nowrap">{{ '收货地址' }}</div>
-        <div>
-          {{ orderData.recProvince }}{{ orderData.recCity }}{{ orderData.recAddress }}
-        </div>
-      </div>
-    </div>
-  </div>
-  <div v-show="specialArea == 7">
-    <div class="tit4">{{ '海粉会员信息' }}</div>
-    <!-- <div class="quan">
-                      <div class="kuang_i">
-                        <div>{{ '申请级别' }}</div>
-                        <div>{{ orderData.pkGradeVal }}</div>
-                      </div>
-                    </div> -->
-    <div class="quan">
-      <div class="kuang_i">
-        <div>{{ '新会员编号' }}</div>
-        <div>{{ orderData.memberCode }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '申请级别' }}</div>
-        <div>{{ orderData.pkGradeVal }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '新会员姓名' }}</div>
-        <div>{{ orderData.memberName }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '新联系方式' }}</div>
-        <div>{{ orderData.phone }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '推荐编号' }}</div>
-        <div>{{ orderData.parent }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '推荐姓名' }}</div>
-        <div>{{ orderData.parentName }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '安置编号' }}</div>
-        <div>{{ orderData.placeParent }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '安置姓名' }}</div>
-        <div>{{ orderData.placeParentName }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '安置位置' }}</div>
-        <div>{{ orderData.placeDeptVal }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '发货方式' }}</div>
-        <div>{{ orderData.deliveryWayVal }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '运输方式' }}</div>
-        <div>{{ orderData.transTypeVal }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '收货人' }}</div>
-        <div>{{ orderData.recName }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '收货电话' }}</div>
-        <div>{{ orderData.recPhone }}</div>
-      </div>
-      <div class="kuang_i">
-        <div style="white-space: nowrap">{{ '收货地址' }}</div>
-        <div>
-          {{ orderData.recProvince }}{{ orderData.recCity }}{{ orderData.recAddress }}
-        </div>
-      </div>
-    </div>
-  </div>
-  <div v-show="specialArea == 13">
-    <div class="tit4">{{'福利会员信息'}}</div>
-    <div class="quan">
-      <div class="kuang_i">
-        <div>{{ '会员编号' }}</div>
-        <div>{{ orderData.memberCode }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '会员姓名' }}</div>
-        <div>{{ orderData.memberName }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '发货方式' }}</div>
-        <div>{{ orderData.deliveryWayVal }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '运输方式' }}</div>
-        <div>{{ orderData.transTypeVal }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '收货人' }}</div>
-        <div>{{ orderData.recName }}</div>
-      </div>
-      <div class="kuang_i">
-        <div>{{ '收货电话' }}</div>
-        <div>{{ orderData.recPhone }}</div>
-      </div>
-      <div class="kuang_i">
-        <div style="white-space: nowrap">{{ '收货地址' }}</div>
-        <div>
-          {{ orderData.recProvince }}{{ orderData.recCity }}{{ orderData.recAddress }}
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-        <div class="btn"
-             @click="quickPay(ifcz)">{{ '立即支付' }}</div>
-      </div>
-    </el-dialog>
-    <PayAasswordTree :isPw="isPw"
-    ref="PayAasswordTree"
-                 @closePwPay="closePwPay"></PayAasswordTree>
-    <BindBank :isAdd="isAdd"
-              :jdTl="jdTl"
-              @closeBind="closeBind"></BindBank>
-    <el-dialog :title="'微信支付'"
-               :visible.sync="wxPopup"
-               width="30%"
-               :before-close="closewxPopup"
-               center>
-      <div class="pay_code">
-        <div ref="qrCodeUrlWx"
-             class="qrcode"></div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { mapGetters } from 'vuex'
-import * as api from '@/api/pay.js'
-import * as act from '@/api/bonus.js'
-import { generate } from '@/api/register.js'
-import PayAasswordTree from '@/components/PayAasswordTree.vue'
-import BindBank from '@/components/BindBank.vue'
-import { setTokenMi } from '@/util/auth'
-import QRCode from 'qrcodejs2'
-var payStatus
-export default {
-  components: {
-    PayAasswordTree,
-    BindBank,
-  },
-  data() {
-    return {
-      zfhtml: '',
-      // 微信支付弹窗
-      wxPopup: false,
-      // 支付弹框
-      toShow: this.isPay,
-      // 支付密码弹框
-      isPw: false,
-      // 绑定银行卡弹框
-      isAdd: false,
-      // 京东or通联
-      jdTl: '',
-      isBank: '',
-      orderCode: '',
-      businessType: '',
-      specialArea: '',
-      whatPay: 0,
-      activeNames: ['1'],
-      orderData: {},
-      payDetail: {},
-      // 钱包支付数据传递
-      pwData: {},
-      countDown: '',
-      clockTime: '',
-      jdList: [],
-      tlList: [],
-      hfList: [],
-      paytitle: '',
-      czJe: '',
-      payList: {},
-      sucPay: 0,
-      luckydrawData: {},
-      isShare: true,
-      pkCountry: '',
-      isTree: false,
-      objTree: {},
-      account: {},
-    }
-  },
-  props: {
-    isPay: {
-      type: Boolean,
-      default: false,
-    },
-    paramsPost: {},
-    ifbaodan: {
-      type: Boolean,
-      default: true,
-    },
-    ifcz: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  computed: {
-    ...mapGetters(['userInfo']),
-  },
-  watch: {
-    isPay(val) {
-      this.toShow = val
-    },
-    paramsPost: {
-      handler(val) {
-        this.pkCountry = parseInt(localStorage.getItem('pkCountry'))
-        if (val.orderType == 4) {
-          console.log('🌈抽奖aaaaa', val)
-          this.orderCode = val.orderCode
-          this.luckydrawData = val.luckydrawData
-          // 抽奖支付处理（查询订单支付信息以及显示等）
-          this.businessType = 4 //抽奖
-          val.specialArea = this.specialArea = 4
-          this.getLuckdrawDetail()
-          this.pwData = val
-        } else {
-          this.orderCode = val.orderCode
-          this.specialArea = val.specialArea
-          this.businessType = 1 //直销
-          // 获取订单信息
-          this.getOrderInfo()
-
-          if (
-            this.userInfo.registerFans != 0 &&
-            this.userInfo.registerShare != 0
-          ) {
-            // 获取消费信息
-            this.getSpendInfo()
-          } else {
-            this.isShare = false
-          }
-
-          this.pwData = val
-          clearInterval(this.clockTime)
-        }
-      },
-      deep: true,
-    },
-  },
-  mounted() {
-    if (this.ifcz) {
-      this.paytitle = '充值'
-    } else {
-      this.paytitle = '待支付金额'
-    }
-    // // 获取订单信息
-    // this.getOrderInfo()
-    // // 获取消费信息
-    // this.getSpendInfo()
-    // 获取银行卡
-    this.getBankList()
-    // 获取支付配置
-    this.getPayConfig()
-  },
-  methods: {
-    getAccount() {
-      api
-        .deductionAccount({
-          pkBaseId: this.objTree.pkBaseId,
-          pkTreeRule: this.objTree.pkTreeRule,
-          shopQuantity: this.objTree.quantity,
-        })
-        .then((res) => {
-          this.account = res.data
-        })
-    },
-    // 种树营口金额
-    howMoney(obj) {
-      this.objTree = obj
-      console.log(
-        '%c [ this.objTree ]-1095',
-        'font-size:13px; background:#1324b4; color:#5768f8;',
-        this.objTree
-      )
-      this.isTree = true
-      this.getAccount()
-    },
-    //查询充值抽奖次数
-    getLuckdrawDetail() {
-      // 抽奖支付处理（查询订单支付信息以及显示等）
-      act
-        .getLuckdrawDetail({
-          pkBaseId: this.luckydrawData.pkBaseId,
-          payNum: this.luckydrawData.payNum,
-        })
-        .then((res) => {
-          if (res.code == 200) {
-            this.orderData.orderAmount = res.data.toBePaidMoney
-            this.payDetail = res.data
-            console.log('🌈6666666', this.payDetail)
-            // const data = res.data;
-            // this.price = data.price;
-            // if (this.getUser.pkCountry == 1) {
-            //   this.payDetail = {
-            //     xjb: data.xjb,
-            //     ykxjb: data.ykxjb,
-            //   };
-            // } else {
-            //   this.payDetail = {
-            //     xfb: data.xfb,
-            //     ykxfb: data.ykxfb,
-            //     jjb: data.jjb,
-            //     ykjjb: data.ykjjb,
-            //   };
-            // }
-            this.downTime()
-          }
-        })
-    },
-    closewxPopup() {
-      this.wxPopup = false
-      this.$refs.qrCodeUrlWx.innerHTML = ''
-      // this.isPay = false
-      clearInterval(payStatus)
-    },
-    getPayConfig() {
-      api.payConfig().then((res) => {
-        this.payList = res.data
-      })
-    },
-    selPayRadio(val, e) {
-      if (e) {
-        e.stopPropagation()
-      }
-      this.whatPay = val
-    },
-    bindBank(val) {
-      this.isAdd = true
-      this.jdTl = val
-    },
-    getBankList() {
-      api.jdBankList().then((res) => {
-        this.jdList = res.data
-      })
-      // api.tlBankList().then((res) => {
-      //   this.tlList = res.data
-      // })
-      api.hfBankList().then((res) => {
-        this.hfList = res.data
-      })
-    },
-    quickPay(cz) {
-      if ((this.isTree = true)) {
-        this.isPw = true
-        this.$refs.PayAasswordTree.howMoney(this.objTree)
-      }
-      // 非银行卡
-      if (typeof this.whatPay == 'number') {
-        // 钱包支付
-        if (this.whatPay == 0) {
-          // 充值
-          if (!cz) {
-            //支付
-            // 幂等性
-            generate().then((res) => {
-              setTokenMi(res.msg)
-            })
-            this.isPw = true
-          } else {
-            if (!this.czJe || this.czJe < 0) {
-              this.$message({
-                message: '请输入正确的充值金额',
-                type: 'warning',
-              })
-            } else {
-              //充值
-              api.preCharge({ rechargeAmount: this.czJe }).then((res) => {
-                this.paramsPost = res.data
-                this.isPw = true
-              })
-            }
-          }
-          // 宝付微信
-        } else if (this.whatPay == 12) {
-          if (!cz) {
-            this.scanPayBf()
-          } else {
-            api.preCharge({ rechargeAmount: this.czJe }).then((res) => {
-              this.orderCode = res.orderCode
-              this.businessType = 3
-              this.scanPayBf()
-            })
-          }
-          // 汇付微信
-        } else if (this.whatPay == 13) {
-          if (!cz) {
-            this.scanPayHf()
-          } else {
-            api.preCharge({ rechargeAmount: this.czJe }).then((res) => {
-              this.orderCode = res.orderCode
-              this.businessType = 3
-              this.scanPayHf()
-            })
-          }
-        }
-      } else {
-        // 京东银行卡支付
-        if (this.whatPay.slice(0, 2) == 'jd') {
-          let indexed = this.whatPay.slice(2, 4)
-          // 充值
-          if (!cz) {
-            let params = {
-              businessType: 1, //订单类型
-              businessCode: this.orderCode,
-              payChannel: 4, //京东
-              payType: 3, //银行卡
-              bindCode: this.jdList[indexed].bindCode,
-            }
-            api.unifiedorder(params).then((response) => {
-              this.isBank = 'jd'
-              this.pwData = Object.assign({}, this.pwData, {
-                bindCode: this.jdList[indexed].bindCode,
-                orderCode: this.orderCode,
-              })
-              this.isPw = true
-            })
-            this.checkPayStatus(params)
-          } else {
-            api.preCharge({ rechargeAmount: this.czJe }).then((res) => {
-              let params = {
-                businessType: 3, //订单类型充值
-                businessCode: res.orderCode,
-                payChannel: 4, //京东
-                payType: 3, //银行卡
-                bindCode: this.jdList[indexed].bindCode,
-              }
-              api.unifiedorder(params).then((response) => {
-                this.isBank = 'jd'
-                this.pwData = Object.assign({}, this.pwData, {
-                  bindCode: this.jdList[indexed].bindCode,
-                  orderCode: res.orderCode,
-                })
-                this.isPw = true
-              })
-            })
-          }
-          // {{ '汇付银行卡' }}支付
-        } else if (this.whatPay.slice(0, 2) == 'hf') {
-          let indexed = this.whatPay.slice(2, 4)
-          // 充值
-          if (!cz) {
-            let params = {
-              businessType: 1, //订单类型
-              businessCode: this.orderCode,
-              payChannel: 6, //汇付
-              payType: 3, //银行卡
-              bindCode: this.hfList[indexed].bindCode,
-            }
-            api.unifiedorder(params).then((response) => {
-              this.isBank = 'hf'
-              this.pwData = Object.assign({}, this.pwData, {
-                bindCode: this.hfList[indexed].bindCode,
-                orderCode: this.orderCode,
-              })
-              this.isPw = true
-            })
-            this.checkPayStatus(params)
-          } else {
-            api.preCharge({ rechargeAmount: this.czJe }).then((res) => {
-              let params = {
-                businessType: 3, //订单类型充值
-                businessCode: res.orderCode,
-                payChannel: 6, //汇付
-                payType: 3, //银行卡
-                bindCode: this.hfList[indexed].bindCode,
-              }
-              api.unifiedorder(params).then((response) => {
-                this.isBank = 'hf'
-                this.pwData = Object.assign({}, this.pwData, {
-                  bindCode: this.hfList[indexed].bindCode,
-                  orderCode: res.orderCode,
-                })
-                this.isPw = true
-              })
-            })
-          }
-        }
-      }
-    },
-    // 宝付微信
-    // 支付渠道 payChannel（0=杉德，1=支付宝，2=微信，3=通联，4=京东，5=宝付，6=汇付）
-    scanPayBf() {
-      let params = {
-        businessType: this.businessType, //订单类型充值
-        businessCode: this.orderCode,
-        payChannel: 5, //宝付
-        payType: 2,
-      }
-      api.unifiedorder(params).then((res) => {
-        this.wxPopup = true
-        this.$nextTick(() => {
-          new QRCode(
-            this.$refs.qrCodeUrlWx,
-            {
-              width: 300,
-              height: 300,
-              text: res.data,
-              colorDark: '#000000',
-              colorLight: '#ffffff',
-              correctLevel: QRCode.CorrectLevel.Q,
-              textAlign: 'center',
-            },
-            1000
-          )
-        })
-      })
-      this.checkPayStatus(params)
-    },
-    // 汇付微信
-    scanPayHf() {
-      let params = {
-        businessType: this.businessType, //订单类型充值
-        businessCode: this.orderCode,
-        payChannel: 6, //汇付
-        payType: 2, //银行卡
-      }
-      api.unifiedorder(params).then((res) => {
-        this.wxPopup = true
-        this.$nextTick(() => {
-          new QRCode(
-            this.$refs.qrCodeUrlWx,
-            {
-              width: 300,
-              height: 300,
-              text: res.data,
-              colorDark: '#000000',
-              colorLight: '#ffffff',
-              correctLevel: QRCode.CorrectLevel.Q,
-              textAlign: 'center',
-            },
-            1000
-          )
-        })
-      })
-      this.checkPayStatus(params)
-    },
-    // 查询订单状态
-    checkPayStatus(data) {
-      // let payStatus
-      let that = this
-      // 定时器
-      payStatus = setInterval(() => {
-        if (that.sucPay == 1) {
-          // 清除定时器
-          clearInterval(payStatus)
-          this.$alert('', '支付成功', {
-            confirmButtonText: '确定',
-            callback: (action) => {
-              this.$emit('closePay', 1)
-            },
-          })
-        } else {
-          api.payStatus(data).then((res) => {
-            that.sucPay = res.data
-          })
-        }
-      }, 2000)
-    },
-    handleClose() {
-      this.$emit('closePay', 0)
-    },
-    closePwPay(index) {
-      if (index == 1) {
-        this.isPw = false
-        this.$emit('closePay', 1)
-      } else {
-        this.isPw = false
-      }
-    },
-    closeBind() {
-      this.isAdd = false
-      this.getBankList()
-    },
-    getOrderInfo() {
-      api
-        .orderInfo({
-          specialArea: this.specialArea,
-          orderCode: this.orderCode,
-          pkCountry: this.pkCountry,
-        })
-        .then((res) => {
-          this.orderData = res.data
-          this.downTime()
-        })
-    },
-    downTime() {
-      let that = this
-      this.clockTime = setInterval(() => {
-        if (that.orderData.payTime && that.orderData.payTime > 0) {
-          that.countDown = this.getTime(this.orderData.payTime--)
-        } else {
-          that.countDown = '00:00:00'
-        }
-      }, 1000)
-    },
-    getSpendInfo() {
-      api
-        .spendDetails({
-          specialArea: this.specialArea,
-          orderCode: this.orderCode,
-          pkCountry: this.pkCountry,
-        })
-        .then((res) => {
-          this.payDetail = res.data
-        })
-    },
-    getTime(time) {
-      // 转换为式分秒
-      let h = parseInt((time / 60 / 60) % 24)
-      h = h < 10 ? '0' + h : h
-      let m = parseInt((time / 60) % 60)
-      m = m < 10 ? '0' + m : m
-      let s = parseInt(time % 60)
-      s = s < 10 ? '0' + s : s
-      // 作为返回值返回
-      return h + ':' + m + ':' + s
-    },
-  },
-  beforeDestroy() {
-    clearInterval(payStatus)
-  },
-}
-</script>
-
-<style lang="scss" scoped>
-.contain {
-  ::v-deep .el-collapse-item__header {
-    // border-bottom: 1px solid rgba(24,144,255,0.3020);
-    // border-radius: 8px;
-    border: 0;
-  }
-  ::v-deep .el-collapse {
-    // border: 1px solid rgba(24,144,255,0.3020);
-    border: 0; // border-radius: 8px;
-  }
-  ::v-deep .el-collapse-item__wrap {
-    border: 0;
-  }
-}
-
-::v-deep .czinputbox .el-input__inner {
-  height: 65px !important;
-  margin-top: 10px;
-  font-size: 18px;
-}
-
-.diaBox {
-  // height: 70vh;
-  overflow-y: auto;
-  padding: 0 20px;
-  max-height: 700px;
-  &::-webkit-scrollbar {
-    width: 0;
-  }
-}
-
-.tit1 {
-  font-size: 24px;
-  font-weight: 600;
-  color: #e02b26;
-  text-align: center;
-  margin-bottom: 20px;
-}
-
-.tit2 {
-  font-size: 14px;
-  font-weight: 400;
-  color: #666666;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.tit3 {
-  font-size: 14px;
-  font-weight: 400;
-  color: #e02b26;
-  margin: 0 5px;
-}
-
-.tit4 {
-  font-size: 18px;
-  font-weight: 600;
-  color: #333333;
-  margin-top: 30px;
-}
-
-.quan {
-  overflow: hidden;
-  border-radius: 10px;
-  box-shadow: 0px 2px 20px 0px #efefef;
-  padding: 15px;
-  margin-top: 20px;
-}
-
-.pf {
-  display: flex;
-  width: 100%;
-  align-items: center;
-  justify-content: space-between;
-  .pf_l {
-    display: flex;
-    align-items: center;
-    font-size: 18px;
-    font-weight: 600;
-    color: #333333;
-  }
-  img {
-    width: 24px;
-    height: 21px;
-    margin-right: 10px;
-  }
-}
-
-.quan_i {
-  padding: 0 5px;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-}
-
-.quan_r {
-  padding: 0 5px;
-}
-
-.kuang_i {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding-bottom: 15px;
-}
-
-.lan {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  border-radius: 8px;
-  font-size: 18px;
-  color: #666;
-}
-
-.tTit {
-  font-size: 18px;
-  color: #333;
-}
-
-.btn {
-  position: sticky;
-  bottom: 0px;
-  width: 209px;
-  height: 48px;
-  line-height: 48px;
-  background: #d61820;
-  border-radius: 40px 40px 40px 40px;
-  text-align: center;
-  font-size: 18px;
-  font-weight: 500;
-  color: #ffffff;
-  margin: 25px auto;
-  cursor: pointer;
-}
-
-.flex_ac {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  justify-content: space-between;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-  padding: 15px 0;
-}
-
-.flex_ac_i {
-  display: flex;
-  align-items: center;
-  font-size: 14px;
-  color: #333;
-  font-weight: 400;
-  img {
-    width: 16px;
-    height: 16px;
-    margin-right: 20px;
-  }
-}
-
-.flex_bc {
-  flex-direction: column;
-  align-items: flex-start;
-}
-
-.pad {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-}
-
-.pay_flax {
-  display: flex;
-  align-items: center;
-  margin-top: 15px;
-  font-size: 12px;
-  font-weight: 400;
-  color: #666666;
-  cursor: pointer;
-}
-
-.flax_i {
-  flex: 1;
-  margin-left: 36px;
-}
-
-.flex_bet {
-  justify-content: space-between;
-}
-
-.img1 {
-  width: 16px;
-  height: 16px;
-  margin-right: 10px;
-}
-
-.pay_code {
-  text-align: center;
-  .qrcodeWx {
-    margin-top: 20px;
-  }
-}
-
-.qrcode {
-  display: inline-block;
-  img {
-    width: 132px;
-    height: 132px;
-    background-color: #fff; //设置白色背景色
-    padding: 6px; // 利用padding的特性，挤出白边
-    box-sizing: border-box;
-  }
-}
-</style>
diff --git a/src/components/marketDynamics/activeZone.vue b/src/components/marketDynamics/activeZone.vue
index 89bc329..cd1fff5 100644
--- a/src/components/marketDynamics/activeZone.vue
+++ b/src/components/marketDynamics/activeZone.vue
@@ -1,51 +1,60 @@
 <template>
   <div class="contain">
-    <div class="rightbox"
-         style="width: 100%">
-
+    <div class="rightbox" style="width: 100%">
       <div class="top-lists">
-        <div class="nav-view"
-             @click="navTap(index)"
-             :class="navIndex == index ? 'styles' : ''"
-             v-for="(item, index) in navList"
-             :key="index">
+        <div
+          class="nav-view"
+          @click="navTap(index)"
+          :class="navIndex == index ? 'styles' : ''"
+          v-for="(item, index) in navList"
+          :key="index"
+        >
           {{ item.name }}
         </div>
       </div>
-      <div class="maincontent"
-           v-show="navIndex == 0">
-        <div class="actBox"
-             @click="goDetail(item)"
-             v-for="(item, index) in dataList"
-             :key="index">
-          <img class="actimg"
-               :src="item.actCover"
-               alt="" />
-          <div class="afloat"
-               :class="`ac${item.actStatus}`">
+      <div class="maincontent" v-show="navIndex == 0">
+        <div
+          class="actBox"
+          @click="goDetail(item)"
+          v-for="(item, index) in dataList"
+          :key="index"
+        >
+          <img class="actimg" :src="item.actCover" alt="" />
+          <div class="afloat" :class="`ac${item.actStatus}`">
             {{ item.actStatusVal }}
           </div>
           <div class="activetext">
-            <div class="acttitle">[{{ '活动' }}] {{ item.actName }}</div>
+            <div class="acttitle">[{{ "活动" }}] {{ item.actName }}</div>
             <div class="acttime">
-              {{ '活动时间' }}：{{ item.actStartDate }}-{{ item.actEndDate }}
+              {{ "活动时间" }}：{{ item.actStartDate }}-{{ item.actEndDate }}
             </div>
             <!-- <div class="actremark">{{ item.actExplain }}</div> -->
             <div style="height: 40px">
               <div class="btnbox">
-                <el-button class="actbtn"
-                           @click.prevent.stop="getGift(item)"
-                           v-if="item.existNewPeopleGift == 0">{{ '领取礼包' }}</el-button>
-                <el-button class="actbtn"
-                           @click.prevent.stop="getGift(item)"
-                           v-if="item.existDrawNum == 0">{{ '抽奖' }}</el-button>
-                <el-button class="actbtn"
-                           @click.prevent.stop="getTree()"
-                           v-if="item.actType == 19">{{ '种植' }}</el-button>
+                <el-button
+                  class="actbtn"
+                  @click.prevent.stop="getGift(item)"
+                  v-if="item.existNewPeopleGift == 0"
+                  >{{ "领取礼包" }}</el-button
+                >
+                <el-button
+                  class="actbtn"
+                  @click.prevent.stop="getGift(item)"
+                  v-if="item.existDrawNum == 0"
+                  >{{ "抽奖" }}</el-button
+                >
+                <el-button
+                  class="actbtn"
+                  @click.prevent.stop="getTree()"
+                  v-if="item.actType == 19"
+                  >{{ "种植" }}</el-button
+                >
                 <!-- <el-button class="actbtn"
                            v-if="item.actType == 22"></el-button> -->
-                <div class="addCarImg"
-                     v-if="item.actType == 22&& item.actStatus == 1&&item.point">
+                <div
+                  class="addCarImg"
+                  v-if="item.actType == 22 && item.actStatus == 1 && item.point"
+                >
                   积分:{{ item.point }}
                 </div>
                 <!-- v-if="item.existNewPeopleGift == 0" -->
@@ -54,93 +63,84 @@
           </div>
         </div>
       </div>
-      <shajiList v-show="navIndex == 1"
-                 ref="shajiList"></shajiList>
+      <shajiList v-show="navIndex == 1" ref="shajiList"></shajiList>
     </div>
     <newGift ref="newGift"></newGift>
     <giftDrwal ref="giftDrwal"></giftDrwal>
     <div class="goodsDiag_a">
       <!-- 植树 -->
-      <el-dialog title=""
-                 :visible.sync="isGoods"
-                 width="25%"
-                 center
-                 :append-to-body="true"
-                 :before-close="closeGoods">
+      <el-dialog
+        title=""
+        :visible.sync="isGoods"
+        width="25%"
+        center
+        :append-to-body="true"
+        :before-close="closeGoods"
+      >
         <div class="goodsDiag">
-          <div class="dis_t">{{ '种植' }}</div>
+          <div class="dis_t">{{ "种植" }}</div>
           <div class="dis_a">
             <div class="disFlex">
-              <div class="dis_l">{{ '数量' }}:</div>
-              <el-input-number size="mini"
-                               @change="treePrice"
-                               v-model="treeObj.quantity"
-                               :min="treeMin"></el-input-number>
+              <div class="dis_l">{{ "数量" }}:</div>
+              <el-input-number
+                size="mini"
+                @change="treePrice"
+                v-model="treeObj.quantity"
+                :min="treeMin"
+              ></el-input-number>
             </div>
             <div class="disFlex">
-              <div class="dis_l">{{ '公益金' }}:</div>
+              <div class="dis_l">{{ "公益金" }}:</div>
               <div class="dis_r">￥{{ treeObj.amount | numberToCurrency }}</div>
             </div>
           </div>
         </div>
-        <span slot="footer"
-              class="treefooter">
-          <el-button type="primary"
-                     class="delBtn"
-                     @click="payGoods">{{ '确定' }}</el-button>
+        <span slot="footer" class="treefooter">
+          <el-button type="primary" class="delBtn" @click="payGoods">{{
+            "确定"
+          }}</el-button>
         </span>
       </el-dialog>
     </div>
-    <PayTree :isPay="isPay"
-             ref="payment"
-             @closePay="closePay"></PayTree>
   </div>
 </template>
-        
-        <script>
-import sidebarUserInfo from '@/views/index/components/sidebarUserInfo.vue'
-import topBanner from '@/components/topBanner.vue'
-import navBar from '@/components/navBar.vue'
-import newGift from '@/components/newGift.vue'
-import giftDrwal from '@/components/giftDrwal/index.vue'
-import shajiList from '@/components/marketDynamics/shajiList.vue'
-import * as act from '@/api/bonus.js'
-import * as api from '@/api/index.js'
 
-import PayTree from '@/components/PayTree.vue'
+<script>
+import newGift from "@/components/newGift.vue";
+import giftDrwal from "@/components/giftDrwal/index.vue";
+import shajiList from "@/components/marketDynamics/shajiList.vue";
+import * as act from "@/api/bonus.js";
+import * as api from "@/api/index.js";
+
 export default {
-  name: 'Registration',
+  name: "Registration",
   components: {
-    navBar,
-    sidebarUserInfo,
-    topBanner,
     newGift,
     giftDrwal,
     shajiList,
-    PayTree,
   },
   data() {
     return {
       marketList: [
         {
-          text: '月度业绩',
+          text: "月度业绩",
           id: 0,
-          path: '/marketDynamics',
+          path: "/marketDynamics",
         },
         {
-          text: '活动专区',
+          text: "活动专区",
           id: 7,
-          path: '/activeZone',
+          path: "/activeZone",
         },
         {
-          text: '奖金明细',
+          text: "奖金明细",
           id: 1,
-          path: '/incomeDetail',
+          path: "/incomeDetail",
         },
         {
-          text: '奖金来源',
+          text: "奖金来源",
           id: 3,
-          path: '/bonusSource',
+          path: "/bonusSource",
         },
         // {
         //   text: "云代奖金",
@@ -149,19 +149,19 @@ export default {
         // },
 
         {
-          text: '考核明细',
+          text: "考核明细",
           id: 4,
-          path: '/appraisal',
+          path: "/appraisal",
         },
         {
-          text: '注册列表',
+          text: "注册列表",
           id: 5,
-          path: '/registration',
+          path: "/registration",
         },
         {
-          text: '招商列表',
+          text: "招商列表",
           id: 6,
-          path: '/investment',
+          path: "/investment",
         },
       ],
       dataList: [],
@@ -169,108 +169,108 @@ export default {
       isGoods: false,
       navList: [
         {
-          name: '活动列表',
+          name: "活动列表",
         },
         {
-          name: '沙棘公益',
+          name: "沙棘公益",
         },
       ],
-      treeObj: '',
+      treeObj: "",
       treeMin: 0,
       isPay: false,
-    }
+    };
   },
   watch: {
     $route(n, o) {
-      this.specialArea = n.query.id
+      this.specialArea = n.query.id;
     },
   },
   created() {},
   mounted() {
-    this.specialArea = this.$route.query.id
-    this.getSearch()
+    this.specialArea = this.$route.query.id;
+    this.getSearch();
   },
   methods: {
     closeGoods() {
-      this.isGoods = false
+      this.isGoods = false;
     },
     closePay(val) {
       if (val) {
-        this.isPay = false
-        this.isGoods = false
+        this.isPay = false;
+        this.isGoods = false;
       } else {
-        this.$confirm('确认取消支付？')
+        this.$confirm("确认取消支付？")
           .then((_) => {
-            this.isPay = false
-            this.isGoods = false
+            this.isPay = false;
+            this.isGoods = false;
           })
-          .catch((_) => {})
+          .catch((_) => {});
       }
     },
     payGoods() {
-      this.$refs.payment.howMoney(this.treeObj)
-      this.isPay = true
+      this.$refs.payment.howMoney(this.treeObj);
+      this.isPay = true;
     },
     treePrice(e) {
-      let amount = e * Number(this.treeObj.price)
-      this.$set(this.treeObj, 'amount', amount)
+      let amount = e * Number(this.treeObj.price);
+      this.$set(this.treeObj, "amount", amount);
     },
     getTree() {
       api.queryTreeActivity().then((res) => {
         if (res.data) {
-          this.treeObj = res.data
-          this.treeMin = res.data.quantity
+          this.treeObj = res.data;
+          this.treeMin = res.data.quantity;
           this.$set(
             this.treeObj,
-            'amount',
+            "amount",
             Number(res.data.quantity) * Number(res.data.price)
-          )
-          this.isGoods = true
+          );
+          this.isGoods = true;
         }
-      })
+      });
     },
     navTap(index) {
-      this.navIndex = index
+      this.navIndex = index;
       if (index == 1) {
-        this.$refs.shajiList.getList()
+        this.$refs.shajiList.getList();
       }
     },
     //详情跳转
     goDetail(item) {
-      console.log('🌈', item)
+      console.log("🌈", item);
 
       this.$router.push({
-        path: '/activeDetail',
+        path: "/activeDetail",
         query: { pkId: item.pkId },
-      })
+      });
     },
     getGift(item) {
-      console.log('🌈', item)
+      console.log("🌈", item);
       // 新人礼包;
       if (item.actType == 16) {
-        this.$refs.newGift.getGiftList(item.pkId)
+        this.$refs.newGift.getGiftList(item.pkId);
       } else if (item.actType == 17) {
-        this.$refs.giftDrwal.getGiftList(item.pkId)
+        this.$refs.giftDrwal.getGiftList(item.pkId);
       }
     },
     getSearch() {
       act.getActivityList().then((res) => {
-        this.dataList = res.rows
+        this.dataList = res.rows;
         this.dataList.forEach((item) => {
           if (item.actType == 22 && item.actStatus == 1) {
             act.tourismPoint(item.pkId).then((res) => {
               if (res.data != undefined) {
-                this.$set(item, 'point', res.data)
+                this.$set(item, "point", res.data);
               }
-            })
+            });
           }
-        })
-      })
+        });
+      });
     },
   },
-}
+};
 </script>
-        
+
 <style lang="scss" scoped>
 ::v-deep .el-table .warning-row {
   background: #f9f9f9;
@@ -452,4 +452,4 @@ export default {
   border: 2px solid #e2524a;
   border-radius: 5px;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/index/components/in-site-message.vue b/src/views/index/components/in-site-message.vue
new file mode 100644
index 0000000..7b5fbf5
--- /dev/null
+++ b/src/views/index/components/in-site-message.vue
@@ -0,0 +1,111 @@
+<template>
+  <!-- 站内信 -->
+  <div class="in-site-msg-wrapper">
+    <div class="in-site-msg-header">
+      <div class="in-site-msg-tit">站内信</div>
+      <div class="in-site-msg-more" @click="goMore(2)">查看更多 》</div>
+    </div>
+    <div>
+      <div class="in-site-msg-content">
+        <vue-seamless-scroll
+          v-if="listData.length > 0"
+          :class-option="optionSingleHeightTime"
+          :data="listData"
+          class="seamless-warp"
+        >
+          <ul class="item">
+            <li v-for="(item, index) in listData" :key="index">
+              <span class="title" v-text="item.title"></span>
+            </li>
+          </ul>
+        </vue-seamless-scroll>
+
+        <el-empty v-else :image-size="100" description="暂无站内信"></el-empty>
+      </div>
+      <div
+        v-if="listData.length > 0"
+        class="more"
+        @click="goMore(2)"
+        style="margin: 20px 0 0 0"
+      >
+        查看更多>>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getNoticeList } from "@/api/sidebaruserinfo.js";
+export default {
+  name: "InSiteMessage",
+  data() {
+    return {
+      listData: [],
+      optionSingleHeightTime() {
+        return {
+          step: 0.6, // 数值越大速度滚动越快
+          limitMoveNum: this.listData.length, // 开始无缝滚动的数据量 this.dataList.length
+          hoverStop: true, // 是否开启鼠标悬停stop
+          direction: 1, // 0向下 1向上 2向左 3向右
+          openWatch: true, // 开启数据实时监控刷新dom
+          singleHeight: 14, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
+          singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
+          waitTime: 1000, // 单步运动停止的时间(默认值1000ms)
+        };
+      },
+    };
+  },
+  mounted() {
+    this.getListData();
+  },
+  methods: {
+    goMore(index) {
+      //1公告 2站内信
+      this.$router.push({
+        path: "/noticeLists",
+        query: { index: index },
+      });
+    },
+    getListData() {
+      getNoticeList({ functionType: 2 }).then((res) => {
+        this.listData = res.rows;
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.in-site-msg-wrapper {
+  margin-top: 20px;
+  box-shadow: 0px 2px 20px 0px rgba(135, 135, 135, 0.3);
+  border-radius: 10px 10px 10px 10px;
+  padding: 5px 10px 20px 10px;
+  text-align: center;
+  .in-site-msg-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 10px 0;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+    .in-site-msg-tit {
+      font-size: 16px;
+      font-family: PingFang SC-Semibold, PingFang SC;
+      font-weight: 600;
+      color: #333333;
+    }
+    .in-site-msg-more {
+      font-size: 12px;
+      font-family: PingFang SC-Regular, PingFang SC;
+      font-weight: 400;
+      color: #3499ff;
+      cursor: pointer;
+    }
+  }
+
+  .in-site-msg-content {
+    height: 220px;
+    overflow: hidden;
+  }
+}
+</style>
diff --git a/src/views/index/components/sidebarRight.vue b/src/views/index/components/sidebarRight.vue
index 4ea8ef3..b703611 100644
--- a/src/views/index/components/sidebarRight.vue
+++ b/src/views/index/components/sidebarRight.vue
@@ -24,6 +24,7 @@
         <el-empty description="暂无公告" />
       </div>
     </div>
+    <InSiteMessage />
   </div>
 </template>
 
@@ -31,9 +32,12 @@
 import * as sid from "@/api/sidebaruserinfo.js";
 import { mapGetters } from "vuex";
 import "swiper/dist/css/swiper.css";
+import InSiteMessage from "./in-site-message.vue";
 export default {
   name: "sidebarUserInfo",
-  components: {},
+  components: {
+    InSiteMessage,
+  },
   computed: {
     ...mapGetters(["userInfo"]),
   },
@@ -110,15 +114,7 @@ export default {
   display: block !important;
   height: 300px !important;
 }
-.title2 {
-  height: 17px;
-  font-size: 16px;
-  font-family: PingFang SC-Regular, PingFang SC;
-  font-weight: 400;
-  color: #3499ff;
-  cursor: pointer;
-  text-align: center;
-}
+
 .swiper-pagination {
   top: 200px;
 }
diff --git a/src/views/index/components/sidebarUserInfo.vue b/src/views/index/components/sidebarUserInfo.vue
index 18d6b67..64b2222 100644
--- a/src/views/index/components/sidebarUserInfo.vue
+++ b/src/views/index/components/sidebarUserInfo.vue
@@ -119,42 +119,6 @@
       <div class="divs">{{ userSec }}</div>
       <div class="margin-s">秒</div>
     </div>
-
-    <!-- 站内信 -->
-    <div class="znBox">
-      <div class="zntitle">站内信</div>
-      <div class="znCenter">
-        <!--        <div class="znrightword" @click="goMore(2)">查看更多</div>-->
-        <div class="znContent">
-          <vue-seamless-scroll
-            v-if="listData.length > 0"
-            :class-option="optionSingleHeightTime"
-            :data="listData"
-            class="seamless-warp"
-          >
-            <ul class="item">
-              <li v-for="(item, index) in listData" :key="index">
-                <span class="title" v-text="item.title"></span>
-              </li>
-            </ul>
-          </vue-seamless-scroll>
-
-          <el-empty
-            v-else
-            :image-size="100"
-            description="暂无站内信"
-          ></el-empty>
-        </div>
-        <div
-          v-if="listData.length > 0"
-          class="more"
-          @click="goMore(2)"
-          style="margin: 20px 0 0 0"
-        >
-          查看更多>>
-        </div>
-      </div>
-    </div>
   </div>
 </template>
 
@@ -162,7 +126,6 @@
 import * as sid from "@/api/sidebaruserinfo.js";
 import { mapGetters } from "vuex";
 import user from "@/store/modules/user";
-import { repurchase } from "@/api";
 export default {
   name: "sidebarUserInfo",
   computed: {
@@ -170,19 +133,6 @@ export default {
       return user;
     },
     ...mapGetters(["userInfo"]),
-
-    optionSingleHeightTime() {
-      return {
-        step: 0.6, // 数值越大速度滚动越快
-        limitMoveNum: this.listData.length, // 开始无缝滚动的数据量 this.dataList.length
-        hoverStop: true, // 是否开启鼠标悬停stop
-        direction: 1, // 0向下 1向上 2向左 3向右
-        openWatch: true, // 开启数据实时监控刷新dom
-        singleHeight: 14, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
-        singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
-        waitTime: 1000, // 单步运动停止的时间(默认值1000ms)
-      };
-    },
   },
   data() {
     return {
@@ -190,29 +140,14 @@ export default {
       userDay: 0,
       userHr: 0,
       awards: {},
-      queryParams: {
-        pageNum: 1,
-        pageSize: 5,
-      },
       userMin: 0,
       userSec: 0,
       _interval: "",
       toLiveBtn: "",
       isHandImg: true,
-      listData: [], //站内信列表
-      feedbackTypeList: [], //意见反馈类型列表
-      feedbackForm: {
-        type: "",
-        idea: "",
-      },
-      ksList: [],
-      userPrice: 0,
-      awardPrice: 0,
-      awardsList: [],
     };
   },
   created() {
-    this.getData();
     this.countdown();
     this.getUserAwards();
   },
@@ -229,11 +164,6 @@ export default {
         },
       });
     },
-    getUserKs() {
-      repurchase({ wallType: this.remIndex1 }).then((res) => {
-        this.ksList = res.rows;
-      });
-    },
 
     defaultSrc() {
       this.isHandImg = false;
@@ -273,52 +203,6 @@ export default {
         that.userSec = sec;
       }, 1000);
     },
-    //跳转详情页
-    goMore(index) {
-      //1公告 2站内信
-      this.$router.push({
-        path: "/noticeLists",
-        query: { index: index },
-      });
-    },
-    //提交意见反馈
-    submitFeed(formName) {
-      if (this.feedbackForm.type == "" || this.feedbackForm.type == undefined) {
-        this.$message({
-          message: "请选择反馈类型",
-          type: "error",
-        });
-        return;
-      }
-      if (this.feedbackForm.idea == "" || this.feedbackForm.idea == undefined) {
-        this.$message({
-          message: "请输入反馈内容",
-          type: "error",
-        });
-        return;
-      }
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          this.$confirm("是否确认提交意见反馈" + "?", "", {
-            confirmButtonText: "确定",
-            cancelButtonText: "取消",
-            type: "warning",
-          }).then((_) => {
-            sid.saveFeedBack(this.feedbackForm).then((res) => {
-              if (res.code == 200) {
-                this.$message({
-                  message: "提交成功",
-                  type: "success",
-                });
-                this.$refs.feedbackForm.clearValidate();
-                this.getFeedBackList();
-                this.feedbackForm = { type: "", idea: "" };
-              }
-            });
-          });
-        }
-      });
-    },
 
     //获取用户真实奖衔
     getUserAwards() {
@@ -326,18 +210,6 @@ export default {
         this.awards = res.data;
       });
     },
-    getData() {
-      //functionType 公告1 站内信2
-      sid.getNoticeList({ functionType: 2 }).then((res) => {
-        this.listData = res.rows;
-      });
-      sid.getFeedbackType().then((res) => {
-        this.feedbackTypeList = res.data;
-      });
-      sid.memberAwards().then((res) => {
-        this.awardsList = res.data;
-      });
-    },
     goRouter(index) {
       //1等级2奖衔
       this.$router.push({
@@ -367,32 +239,7 @@ export default {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.styleColors0 {
-  color: #f64e49;
-  font-size: 14px;
-}
-.styleColors1 {
-  color: #85b9fe;
-  font-size: 14px;
-}
-.styleColors2 {
-  color: #6be8b0;
-  font-size: 14px;
-}
 
-.title-con {
-  color: #333;
-  font-size: 24px;
-  font-weight: 600;
-  text-align: center;
-  margin: 5px 0 15px 0;
-}
-
-.more {
-  color: #41b2ff;
-  font-size: 16px;
-  cursor: pointer;
-}
 ::v-deep .el-input--suffix .el-input__inner {
   background: #fff !important;
 }
@@ -494,33 +341,7 @@ export default {
       line-height: 40px;
     }
   }
-  .celebrity {
-    text-align: center;
-    .celebrity-content {
-      display: flex;
-      height: 180px;
-      flex-wrap: wrap;
-      margin-left: -40px;
-      //  height: 135px;
-      //padding: 0 30px 0 0;
-      justify-content: center;
-      //align-items: center;
-      .celebrity-list {
-        margin-bottom: 20px;
-        img {
-          width: 66px;
-          height: 66px;
-          margin-left: 40px;
-        }
-      }
-    }
-    .title {
-      color: #333;
-      font-size: 24px;
-      font-weight: 600;
-      margin: 30px 0 15px 0;
-    }
-  }
+
   .awardscard {
     width: 346px;
     margin: 0 auto;
@@ -547,41 +368,6 @@ export default {
         }
       }
       .user-cards-left {
-        .rank {
-          font-size: 14px;
-          color: #fff;
-          margin: 5px 10px;
-          display: flex;
-          justify-content: space-between;
-        }
-        .lines {
-          height: 1px;
-          background: #ffffff;
-          margin-top: 10px;
-        }
-        .experience {
-          font-size: 8px;
-          margin: 15px 0 0 0px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          padding: 0 0px;
-          flex-wrap: wrap;
-          color: #fff;
-          span {
-            font-size: 12px;
-          }
-          .ju_text1 {
-            font-weight: 400;
-          }
-
-          .ju_text2 {
-            color: #fb3024;
-            font-weight: bold;
-            font-size: 12px;
-            padding: 0 3px;
-          }
-        }
         .schedule {
           // width: 149px;
           flex: 1;
@@ -640,36 +426,6 @@ export default {
       }
     }
   }
-  .znBox {
-    margin-top: 20px;
-    border-top: 5px solid rgba(0, 0, 0, 0.05);
-    // border-bottom: 5px solid rgba(0, 0, 0, 0.05);
-    padding: 20px;
-    text-align: center;
-    .zntitle {
-      font-size: 24px;
-      font-family: PingFang SC-Medium, PingFang SC;
-      font-weight: 500;
-      color: #333333;
-    }
-    .znCenter {
-      .znContent {
-        height: 220px;
-        overflow: hidden;
-      }
-    }
-  }
-}
-
-.yt1 {
-  font-weight: 600;
-  font-size: 18px;
-  margin-left: 10px;
-}
-.hisImg {
-  width: 40px;
-  height: 40px;
-  margin-left: 10px;
 }
 
 .honor_wrapper {
@@ -691,17 +447,4 @@ export default {
     }
   }
 }
-
-::v-deep .ideaselect .el-input__inner {
-  width: 260px;
-  border-radius: 6px 6px 6px 6px;
-  //background: rgba(0, 0, 0, 0.05) !important;
-}
-
-::v-deep .ideainput .el-textarea__inner {
-  width: 260px;
-  height: 160px;
-  border-radius: 10px 10px 10px 10px;
-  //background: rgba(0, 0, 0, 0.05) !important;
-}
 </style>
diff --git a/src/views/index/index.vue b/src/views/index/index.vue
index af2dc8f..37bdf58 100644
--- a/src/views/index/index.vue
+++ b/src/views/index/index.vue
@@ -189,69 +189,6 @@
       <!-- 直推排行弹窗 -->
       <directrank-popup @callznMethodTrigger="callznMethod"></directrank-popup>
     </div>
-
-    <div class="domTree">
-      <el-dialog
-        title=""
-        width="35%"
-        :visible.sync="isTree"
-        :before-close="closeTree"
-        :show-close="false"
-      >
-        <div
-          class="shareClass"
-          :style="{ backgroundImage: `url(${treeObj.cover})` }"
-        >
-          <div class="cha" @click="isTree = false">
-            <i class="el-icon-close"></i>
-          </div>
-          <div class="titTre">{{ treeObj.actName }}</div>
-          <img
-            class="shareImg"
-            @click="toPayTree"
-            src="@/assets/images/zs.png"
-            alt=""
-          />
-        </div>
-      </el-dialog>
-    </div>
-    <div class="goodsDiag_a">
-      <!-- 植树 -->
-      <el-dialog
-        title=""
-        :visible.sync="isGoods"
-        width="25%"
-        center
-        :append-to-body="true"
-        style="z-index: 30000"
-        :before-close="closeGoods"
-      >
-        <div class="goodsDiag">
-          <div class="dis_t">{{ "种植" }}</div>
-          <div class="dis_a">
-            <div class="disFlex">
-              <div class="dis_l">{{ "数量" }}:</div>
-              <el-input-number
-                size="mini"
-                @change="treePrice"
-                v-model="treeObj.quantity"
-                :min="treeMin"
-              ></el-input-number>
-            </div>
-            <div class="disFlex">
-              <div class="dis_l">{{ "公益金" }}:</div>
-              <div class="dis_r">￥{{ treeObj.amount | numberToCurrency }}</div>
-            </div>
-          </div>
-        </div>
-        <span slot="footer" class="treefooter">
-          <el-button type="primary" class="delBtn" @click="payGoods">{{
-            "确定"
-          }}</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <PayTree :isPay="isPay" ref="payment" @closePay="closePay"></PayTree>
   </div>
 </template>
 <script>
@@ -267,7 +204,7 @@ import * as api from "@/api/index.js";
 import { mapGetters } from "vuex";
 import { getUserUpdatePWd } from "@/api/wallet";
 import { forgetPwd, forgetSms } from "@/api/login";
-import PayTree from "@/components/PayTree.vue";
+
 import * as goods from "@/api/goods.js";
 import znNewsPopup from "@/components/znNewsPopup.vue";
 
@@ -281,7 +218,6 @@ export default {
     deal,
     performance,
     noticePopup,
-    PayTree,
     znNewsPopup,
   },
   computed: {
@@ -398,19 +334,7 @@ export default {
         });
       });
     },
-    closePay(val) {
-      if (val) {
-        this.isPay = false;
-        this.isGoods = false;
-      } else {
-        this.$confirm("确认取消支付" + "?")
-          .then((_) => {
-            this.isPay = false;
-            this.isGoods = false;
-          })
-          .catch((_) => {});
-      }
-    },
+
     closeTree() {
       this.isTree = false;
     },
@@ -421,18 +345,7 @@ export default {
       let amount = e * Number(this.treeObj.price);
       this.$set(this.treeObj, "amount", amount);
     },
-    payGoods() {
-      this.$refs.payment.howMoney(this.treeObj);
-      this.isPay = true;
-      // api
-      //   .shoppingTree({
-      //     pkBaseId: this.treeObj.pkBaseId,
-      //     pkTreeRule: this.treeObj.pkTreeRule,
-      //     shopQuantity: this.treeObj.quantity,
-      //     orderAmount: this.treeObj.amount,
-      //   })
-      //   .then((res) => {})
-    },
+
     toPayTree() {
       this.isGoods = true;
       this.isTree = false;
diff --git a/src/views/makerspaceList/index.vue b/src/views/makerspaceList/index.vue
index 5bf321a..785c6de 100644
--- a/src/views/makerspaceList/index.vue
+++ b/src/views/makerspaceList/index.vue
@@ -1,49 +1,48 @@
 <template>
   <div class="contents">
-      <div class="return" @click="returnTap">{{'返回'}}</div>
-      <div class="content-width">
-        <div class="marketList" v-for="item in bannerLists" @click="navTaps(item)">
-            <div class="marketName">{{ item.storeName }}</div>
-            <div class="market-info tops">
-                <div class="market-icon">
-                    <img src="@/assets/images/markerSpace/user.png" />
-                </div>
-                <div class="name">
-                    联系人：{{item.storePerson}}
-                </div>
-            </div>
-            <div class="market-info">
-                <div class="market-icon">
-                    <img src="@/assets/images/markerSpace/phone.png" />
-                </div>
-                <div class="name">
-                    联系方式：{{item.storePhone}}
-                </div>
-            </div>
-            <div class="market-info">
-                <div class="market-icon">
-                    <img src="@/assets/images/markerSpace/address1.png" />
-                </div>
-                <div class="name">
-                    地址：{{item.storeProvinceVal}}{{item.storeCityVal}}{{item.storeCountyVal}}{{item.storeAddress}}
-                </div>
-            </div>
-            <div class="marketImg">
-                <img :src="item.fileList[0]"/>
-            </div>
-
+    <div class="return" @click="returnTap">{{ "返回" }}</div>
+    <div class="content-width">
+      <div
+        class="marketList"
+        v-for="item in bannerLists"
+        @click="navTaps(item)"
+      >
+        <div class="marketName">{{ item.storeName }}</div>
+        <div class="market-info tops">
+          <div class="market-icon">
+            <img src="@/assets/images/markerSpace/user.png" />
+          </div>
+          <div class="name">联系人：{{ item.storePerson }}</div>
+        </div>
+        <div class="market-info">
+          <div class="market-icon">
+            <img src="@/assets/images/markerSpace/phone.png" />
+          </div>
+          <div class="name">联系方式：{{ item.storePhone }}</div>
+        </div>
+        <div class="market-info">
+          <div class="market-icon">
+            <img src="@/assets/images/markerSpace/address1.png" />
+          </div>
+          <div class="name">
+            地址：{{ item.storeProvinceVal }}{{ item.storeCityVal
+            }}{{ item.storeCountyVal }}{{ item.storeAddress }}
+          </div>
+        </div>
+        <div class="marketImg">
+          <img :src="item.fileList[0]" />
         </div>
-
-      </div>
-      <div>
-          <pagination
-              :total="total"
-              :pageSizes="[15]"
-              :page.sync="queryParams.pageNum"
-              :limit.sync="queryParams.pageSize"
-              @pagination="getBankCardChoiceList"
-          />
       </div>
+    </div>
+    <div>
+      <pagination
+        :total="total"
+        :pageSizes="[15]"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getBankCardChoiceList"
+      />
+    </div>
   </div>
 </template>
 
@@ -58,113 +57,114 @@ import { getToken } from "@/util/auth";
 export default {
   data() {
     return {
-        bannerLists:[],
-        total:0,
-        queryParams: {
-            pageNum: 1,
-            pageSize: 15,
-        },
+      bannerLists: [],
+      total: 0,
+      queryParams: {
+        pageNum: 1,
+        pageSize: 15,
+      },
     };
   },
-  components: { },
+  components: {},
   watch: {},
   mounted() {
     this.getBankCardChoiceList();
   },
   methods: {
     getBankCardChoiceList() {
-        sid.marketList(this.queryParams).then((res) => {
-            let arr=[]
-            res.rows.forEach((item)=>{
-                if(item.fileList !=undefined){
-                    arr.push(item)
-                }
-            })
-            this.bannerLists = arr;
-            this.total = res.total;
+      sid.marketList(this.queryParams).then((res) => {
+        let arr = [];
+        res.rows.forEach((item) => {
+          if (item.fileList != undefined) {
+            arr.push(item);
+          }
         });
+        this.bannerLists = arr;
+        this.total = res.total;
+      });
     },
-      returnTap(){
-          this.$router.go(-1)
-      },
-      navTaps(item){
-          this.$router.push({
-              path: '/makerspaceDetail',
-          })
-          localStorage.setItem("marketSpace",JSON.stringify(item))
-      },
-  }
+    returnTap() {
+      this.$router.go(-1);
+    },
+    navTaps(item) {
+      this.$router.push({
+        path: "/makerspaceDetail",
+      });
+      localStorage.setItem("marketSpace", JSON.stringify(item));
+    },
+  },
 };
 </script>
 <style lang="scss" scoped>
-.pagination-container{
-    justify-content: center;
-    align-items: center;
-    display: flex;
-    background: #f9f9f9;
+.pagination-container {
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  background: #f9f9f9;
 }
-  .tops{
-    margin-top: 60px;
+.tops {
+  margin-top: 60px;
+}
+.market-info {
+  display: flex;
+  line-height: 20px;
+  margin-bottom: 15px;
+}
+.name {
+  color: #333;
+  font-size: 16px;
+  margin-left: 8px;
+}
+.market-icon {
+  img {
+    width: 18px;
+    height: 18px;
   }
-  .market-info{
-    display: flex;
-    line-height: 20px;
-    margin-bottom: 15px;
-  }
-  .name{
-    color: #333;
-    font-size: 16px;
-    margin-left: 8px;
-  }
-  .market-icon{
-    img{
-      width: 18px;
-      height: 18px;
-    }
-  }
-  .marketImg{
-    position: absolute;
-    right: 20px;
-    top: 20px;
-    img{
-      width: 150px;
-      height: 150px;
-    }
-  }
-  .marketName{
-    color: #333;
-    font-size: 28px;
-    font-weight: 600;
-  }
-  .return{
-    cursor: pointer;
-    width: 98px;
-    height: 48px;
-    background: #B8B8B8;
-    border-radius: 6px 6px 6px 6px;
-    opacity: 1;
-    color: #fff;
-    font-size: 16px;
-    margin-left: 60px;
-    text-align: center;
-    line-height: 48px;
-    margin-top: 27px;
-  }
-  .content-width{
-    padding: 20px 100px 20px 30px;
-    display: flex;
-    flex-wrap: wrap;
-  }
-  .marketList{
-    position: relative;
-    width: 500px;
-    //height: 205px;
-    background: #FFFFFF;
-    box-shadow: inset 0px 0px 40px 0px #DBDBDB, 0px 0px 10px 0px rgba(0,0,0,0.1);
-    border-radius: 10px 10px 10px 10px;
-    padding: 20px 25px;
-    margin-left: 20px;
-    cursor: pointer;
-    margin-bottom: 20px;
+}
+.marketImg {
+  position: absolute;
+  right: 20px;
+  top: 20px;
+  img {
+    width: 150px;
+    height: 150px;
   }
+}
+.marketName {
+  color: #333;
+  font-size: 28px;
+  font-weight: 600;
+}
+.return {
+  cursor: pointer;
+  width: 98px;
+  height: 48px;
+  background: #b8b8b8;
+  border-radius: 6px 6px 6px 6px;
+  opacity: 1;
+  color: #fff;
+  font-size: 16px;
+  margin-left: 60px;
+  text-align: center;
+  line-height: 48px;
+  margin-top: 27px;
+}
+.content-width {
+  padding: 20px 100px 20px 30px;
+  display: flex;
+  flex-wrap: wrap;
+}
+.marketList {
+  position: relative;
+  width: 500px;
+  //height: 205px;
+  background: #ffffff;
+  box-shadow: inset 0px 0px 40px 0px #dbdbdb,
+    0px 0px 10px 0px rgba(0, 0, 0, 0.1);
+  border-radius: 10px 10px 10px 10px;
+  padding: 20px 25px;
+  margin-left: 20px;
+  cursor: pointer;
+  margin-bottom: 20px;
+}
 </style>