diff --git a/api/activity.js b/api/activity.js
index 49b3c08..76b9aa4 100644
--- a/api/activity.js
+++ b/api/activity.js
@@ -1,102 +1,90 @@
-
 import request from "@/utils/request.js";
 
 /**
  * 拼团列表
- * 
+ *
  */
 export function getCombinationList(data) {
-	return request.get('store/product/group/lst', data, {
-		noAuth: true
-	});
+  return request.get('store/product/group/lst', data, {
+    noAuth: true
+  });
 }
 /**
  * 拼团参与人
- * 
+ *
  */
 export function getCombinationUser(data) {
-	return request.get('store/product/group/count', data, {
-		noAuth: true
-	});
+  return request.get('store/product/group/count', data, {
+    noAuth: true
+  });
 }
 /**
  * 活动分类
- * 
+ *
  */
 export function getActivitycategory(type) {
-	return request.get('product/spu/active/category/' + type, {}, {
-		noAuth: true
-	});
+  return request.get('product/spu/active/category/' + type, {}, {
+    noAuth: true
+  });
 }
-
 /**
  * 拼团详情
- * 
+ *
  */
 export function getCombinationDetail(id) {
-	return request.get('store/product/group/detail/' + id, {}, {
-		noAuth: true
-	});
+  return request.get('store/product/group/detail/' + id, {}, {
+    noAuth: true
+  });
 }
-
 /**
  * 拼团 开团
  */
 export function getCombinationPink(id) {
-	return request.get("store/product/group/get/" + id);
+  return request.get("store/product/group/get/" + id);
 }
-
-
 /**
  * 拼团 取消开团
  */
 export function postCombinationRemove(data) {
-	return request.post("store/product/group/cancel", data);
+  return request.post("store/product/group/cancel", data);
 }
-
 /**
  * 秒杀产品详情
  * @param int id
  */
 export function getSeckillDetail(id) {
-	return request.get('store/product/seckill/detail/' + id, {}, {
-		noAuth: true
-	});
+  return request.get('store/product/seckill/detail/' + id, {}, {
+    noAuth: true
+  });
 }
-
-
 /**
  * 拼团海报
  * @param object data
- * 
+ *
  */
 export function getCombinationPoster(data) {
-	return request.post('combination/poster', data)
+  return request.post('combination/poster', data)
 }
-
-
-
 /**
  * 获取秒杀小程序二维码
  */
 export function seckillCode(id, data) {
-	return request.get("seckill/code/" + id, data);
+  return request.get("seckill/code/" + id, data);
 }
-
 /**
  * 获取拼团小程序二维码
  */
 export function scombinationCode(id) {
-	return request.get("combination/code/" + id);
+  return request.get("combination/code/" + id);
 }
 /**
  * 秒杀产品时间区间
- * 
+ *
  */
 export function getSeckillIndexTime() {
-	return request.get('store/product/seckill/select', {}, {
-		noAuth: true
-	});
+  return request.get('store/product/seckill/select', {}, {
+    noAuth: true
+  });
 }
 /**
  * 秒杀产品列表
@@ -104,147 +92,146 @@ export function getSeckillIndexTime() {
  * @param object data
  */
 export function getSeckillList(data) {
-	return request.get('store/product/seckill/lst', data, {
-		noAuth: true
-	});
+  return request.get('store/product/seckill/lst', data, {
+    noAuth: true
+  });
 
 }
 /**
  * 预售列表
  */
 export function getPresellList(data) {
-	return request.get('store/product/presell/lst', data, {
-		noAuth: true
-	});
+  return request.get('store/product/presell/lst', data, {
+    noAuth: true
+  });
 }
 /**
  * 助力列表
  */
 export function getAssistList(data) {
-	return request.get('store/product/assist/lst', data, {
-		noAuth: true
-	});
+  return request.get('store/product/assist/lst', data, {
+    noAuth: true
+  });
 }
-
 /**
  * 助力列表 -- 发起助力
  */
 export function initiateAssistApi(id) {
-	return request.post('store/product/assist/create/' + id);
+  return request.post('store/product/assist/create/' + id);
 }
 /**
  * 助力详情
  */
-export function getAssistDetail(id,data) {
-	return request.get('store/product/assist/detail/' + id,data);
+export function getAssistDetail(id, data) {
+  return request.get('store/product/assist/detail/' + id, data);
 }
 /**
  * 助力好友
  */
 export function assistHelpList(id, data) {
-	return request.get('store/product/assist/user/' + id, data);
+  return request.get('store/product/assist/user/' + id, data);
 }
 /**
  * 预售协议
  */
 export function presellAgreement() {
-	return request.get('store/product/presell/agree');
+  return request.get('store/product/presell/agree');
 }
 /**
  * 已助力成功数据
  */
 export function assistUserData(data) {
-	return request.get('store/product/assist/count', data, {
-		noAuth: true
-	});
+  return request.get('store/product/assist/count', data, {
+    noAuth: true
+  });
 }
 /**
  * 为好友助力
  */
 export function postAssistHelp(id) {
-	return request.post('store/product/assist/set/' + id);
+  return request.post('store/product/assist/set/' + id);
 }
 /**
  * 获取助力查看分享次数
  */
 export function getAssistUser(id) {
-	return request.get('store/product/assist/share/' + id);
+  return request.get('store/product/assist/share/' + id);
 }
 /**
  * 助力记录列表
  */
 export function getBargainUserList(data) {
-	return request.get('store/product/assist/set/lst', data);
+  return request.get('store/product/assist/set/lst', data);
 }
 /**
  * 助力记录列表 -- 取消
  */
 export function getBargainUserCancel(id) {
-	return request.post('store/product/assist/set/delete/' + id);
+  return request.post('store/product/assist/set/delete/' + id);
 }
 /**
  * 活动专题列表
  */
 export function getTopicList(id, data) {
-	return request.get(`activity/lst/${id}`, data, {
-		noAuth: true
-	});
+  return request.get(`activity/lst/${id}`, data, {
+    noAuth: true
+  });
 }
 /**
  * 活动专题详情
  */
 export function getTopicDetail(id) {
-	return request.get(`activity/info/${id}`,{}, {
-		noAuth: true
-	});
+  return request.get(`activity/info/${id}`, {}, {
+    noAuth: true
+  });
 }
 /**
  * 活动专题商品
  */
 export function getTopicProLst(data) {
-	return request.get(`product/spu/labels`,data, {
-		noAuth: true
-	});
+  return request.get(`product/spu/labels`, data, {
+    noAuth: true
+  });
 }
 /**
  * 获取本地服务商户列表
  */
 export function getMerchantServiceLst(data) {
-	return request.get(`store/merchant/local`,data, {
-		noAuth: true
-	});
+  return request.get(`store/merchant/local`, data, {
+    noAuth: true
+  });
 }
 /**
  * 获取优惠券列表
  */
 export function getCouponLst(data) {
-	return request.get(`coupon/getlst`,data, {
-		noAuth: true
-	});
+  return request.get(`coupon/getlst`, data, {
+    noAuth: true
+  });
 }
 /**
  * 获取优惠券列表
  */
 export function getNewPeopleCouponLst(data) {
-	return request.get(`coupon/new_people`,data, {
-		noAuth: true
-	});
+  return request.get(`coupon/new_people`, data, {
+    noAuth: true
+  });
 }
 /**
  * 获取热卖排行列表
  */
 export function hotRankingApi(data) {
-	return request.get(`product/spu/get_hot_ranking`,data, {
-		noAuth: true
-	});
+  return request.get(`product/spu/get_hot_ranking`, data, {
+    noAuth: true
+  });
 }
 /**
  * 热卖排行列表分类
  */
 export function spuTop(data) {
-	return request.get(`store/product/category/hotranking`, {}, {
-		noAuth: true
-	});
+  return request.get(`store/product/category/hotranking`, {}, {
+    noAuth: true
+  });
 }
 /**
  * 热卖排行列表
@@ -253,4 +240,29 @@ export function spuTopList(data) {
 	return request.get(`product/spu/get_hot_ranking`, data, {
 		noAuth: true
 	});
-}
\ No newline at end of file
+}
+
+
+// 活动 - 获取活动详情
+export function activityDetail(id) {
+  return request.get(`activity/detail/${id}`);
+}
+// 活动 - 加入活动
+export function activityJoin(data) {
+  return request.get(`activity/joinActivity`, data);
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/pages.json b/pages.json
index 96e368a..c401c9d 100644
--- a/pages.json
+++ b/pages.json
@@ -1139,6 +1139,13 @@
 					"style": {
 						"navigationBarTitleText": "热卖排行"
 					}
+				},
+				// 新 活动信息
+				{
+					"path": "activity/details",
+					"style": {
+						"navigationBarTitleText": "活动详情"
+					}
 				}
 			]
 		},
diff --git a/pages/activity/activity/details.vue b/pages/activity/activity/details.vue
new file mode 100644
index 0000000..207aa9e
--- /dev/null
+++ b/pages/activity/activity/details.vue
@@ -0,0 +1,759 @@
+<template>
+	<view class="main-content">
+    <!--主要图片-->
+    <image class="main-image" :src='info.image' mode="widthFix"></image>
+    <!--支付按钮-->
+    <view class="bottom-btn" @click="joinActivityShow">加入活动</view>
+    <!--授权登录-->
+    <authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authClose"></authorize>
+    <!--参加活动弹框-->
+    <uni-popup ref="joinActivity" type="center">
+      <view class="join-activity-content">
+        <view class="top">
+          <view class="text">——</view>
+          <view class="text">&nbsp;完善信息&nbsp;</view>
+          <view class="text">——</view>
+        </view>
+        <view class="store-info" v-if="Object.values(current_mer).length > 0">
+          <image class="main-image" :src='current_mer.mer_avatar'></image>
+          <view class="info">
+            <view class="title">{{ current_mer.mer_name }}</view>
+            <view class="distance" v-if="current_mer.distance > 0">距离:{{ current_mer.distance_text }}</view>
+            <view class="address">{{ current_mer.mer_address }}</view>
+          </view>
+        </view>
+        <view class="other-store" @click="changeMerShow">
+          {{ Object.values(current_mer).length > 0 ? '选择其他烟酒店' : '请选择烟酒店' }} <text class="iconfont icon-xiangyou"></text>
+        </view>
+        <!--选择支付方式-->
+        <view class="pay-type" v-if="Number(pay_money) > 0">
+          <view class="box-title">支付方式</view>
+          <view class="box-content">
+            <radio-group name="pay_type" @change="changePayType">
+              <view class="pay-label" v-for="(item,index) in pay_list" :key="index" v-if="item.payStatus==1">
+                <label>
+                  <view class="pay-item">
+                    <view class="left">
+                      <view :class="['iconfont','animated',item.icon]"></view>
+                      <view class="pay-item-info">
+                        <view class="pay-name">{{ item.name }}</view>
+                        <view class='tip'>
+                          {{item.title}}
+                          <block v-if="item.value == 'balance'">
+                            {{now_money}}
+                          </block>
+                        </view>
+                      </view>
+                    </view>
+                    <view class="right">
+                      <radio :value="item.value" :checked="item.value == pay_info.pay_type ? true : false" />
+                    </view>
+                  </view>
+                </label>
+              </view>
+            </radio-group>
+          </view>
+        </view>
+        <!--提交按钮-->
+        <view class="group-btn">
+          <view class="add-btn" @click="submitInfo">{{ Number(pay_money) > 0 ? '去支付 ¥' + pay_money : '立即加入' }}</view>
+        </view>
+      </view>
+    </uni-popup>
+    <!--切换代理身份-->
+    <uni-popup ref="changeMer" type="bottom">
+      <view class="change-agent-content">
+        <scroll-view scroll-y="true">
+          <radio-group name="store_name" @change="changeMer">
+            <template v-for="(item,index) in mer_list">
+              <div class="store-list">
+                <label :key="item.id" class="store-list-item">
+                  <view class="text">{{ item.mer_name }}</view>
+                  <radio class="radio" :value="index" :checked="current_mer.mer_id == item.mer_id ? true : false" />
+                </label>
+              </div>
+            </template>
+          </radio-group>
+        </scroll-view>
+      </view>
+    </uni-popup>
+	</view>
+</template>
+
+<script>
+import {mapGetters} from "vuex";
+import authorize from '@/components/Authorize';
+import { activityDetail,activityJoin } from "@/api/activity";
+import {getUserInfo} from "@/api/user";
+import {searchMer} from '@/api/exchange.js';
+
+export default {
+  name: 'business',
+  components: {
+    authorize
+  },
+  computed: {
+    ...mapGetters(['isLogin', 'uid', 'userInfo', 'viewColor'])
+  },
+  data() {
+    return {
+      // 登录相关
+      isAuto: false, //没有授权的不会自动授权
+      isShowAuth: false,//是否隐藏授权
+      // 活动信息
+      activity_id: '',
+      info: {},
+      current_mer: {},
+      mer_list: {},
+      // 定位
+      lat: '',
+      lng: '',
+      //支付方式
+      pay_list: [
+        {
+          "name": "微信支付",
+          "icon": "icon-weixin2",
+          value: 'weixin',
+          title: '微信快捷支付',
+          payStatus: 1,
+        },
+        {
+          name: "支付宝支付",
+          icon: "icon-icon34",
+          // #ifdef H5 || APP-PLUS
+          value: 'alipay',
+          // #endif
+          // #ifdef MP
+          value: 'alipayQr',
+          // #endif
+          title: '支付宝支付',
+          payStatus: this.$store.getters.globalData.alipay_open
+        },
+        {
+          "name": "余额支付",
+          "icon": "icon-icon-test",
+          value: 'balance',
+          title: '可用余额:',
+          payStatus: this.$store.getters.globalData.yue_pay_status,
+        },
+        {
+          "name": "线下支付",
+          "icon": "icon-yinhangqia",
+          value: 'offline',
+          title: '线下支付',
+          payStatus: 2,
+        },
+      ],
+      now_money: 0,
+      pay_money: 0,// 支付金额
+      pay_info: {
+        pay_type: 'weixin',
+        // #ifdef H5
+        return_url: 'http://' + window.location.host + '/pages/users/order_list/index',
+        // #endif
+      },
+    }
+  },
+  onLoad(options) {
+    this.activity_id = options.activity_id || 0;
+    if(this.activity_id <= 0){
+      uni.showModal({
+        title: '非法访问',
+        content: '活动不存在或已结束!',
+        confirmText: '返回首页',
+        showCancel: false,
+        success: (res) => {
+          if (res.confirm) {
+            uni.switchTab({
+              url: '/pages/index/index'
+            });
+          }
+        }
+      });
+      return false;
+    }
+    // 判断：是否登录
+    if (!this.isLogin) {
+      // 未登录  授权登录
+      this.isAuto = true;
+      this.isShowAuth = true
+    }else{
+      // 已登录  获取信息
+      this.init();
+    }
+  },
+  methods: {
+    // 授权回调
+    onLoadFun() {
+      if(this.isLogin){
+        this.isShowAuth = false;
+        this.init();
+      }
+    },
+    // 授权关闭
+    authClose(e) {
+      this.isShowAuth = e
+    },
+    // 授权成功 初始化
+    init () {
+      let _this = this;
+      // 获取用户信息
+      getUserInfo().then(res => {
+        _this.now_money = res.data.now_money
+      });
+      // 定位
+      _this.lat = uni.getStorageSync('user_latitude') || '';
+      _this.lng = uni.getStorageSync('user_longitude') || '';
+      if(_this.lat && _this.lng){
+        this.getDetail();
+        this.getMerList();
+      }else{
+        _this.getLocation();
+      }
+    },
+    // 获取用户定位信息
+    getLocation(){
+      let _this = this;
+      // 获取定位
+      uni.getLocation({
+        type: 'gcj02',
+        success: (res) => {
+          uni.setStorageSync('user_latitude', res.latitude);
+          uni.setStorageSync('user_longitude', res.longitude);
+          _this.lat = res.latitude;
+          _this.lng = res.longitude;
+        },
+        fail: (err) => {},
+        complete: (res) => {
+          this.getDetail();
+          this.getMerList();
+        }
+      });
+    },
+    // 获取活动详情
+    getDetail(){
+      let _this = this;
+      activityDetail(_this.activity_id).then(res => {
+        _this.info = res.data || {};
+        _this.pay_money = res.data.money || 0;
+      }).catch(err => {
+        this.$util.Tips({title: err});
+      });
+    },
+    // 参加活动弹框
+    joinActivityShow(){
+      this.$refs.joinActivity.open('center');
+    },
+    // 门店选择 - 获取门店列表
+    getMerList(){
+      let _this = this;
+      searchMer({ merchant_type: 3, lat: _this.lat, lng: _this.lng }).then(res => {
+        _this.mer_list = res.data || {};
+        _this.current_mer = res.data[0] || {};
+      }).catch(err => {
+        this.$util.Tips({
+          title: err
+        });
+      });
+    },
+    // 商户选择弹框
+    changeMerShow(){
+      this.$refs.changeMer.open('center');
+    },
+    // 商户改变
+    changeMer(e){
+      let index = e.detail.value || e.target.value;
+      this.current_mer = this.mer_list[index] || {};
+      this.$refs.changeMer.close();
+    },
+    // 提交申请信息
+    submitInfo(){
+      let _this = this;
+      let payInfo = Object.assign({}, _this.pay_info);
+      if (payInfo.pay_type == 'weixin') {
+        // #ifdef H5
+        payInfo.pay_type = _this.$wechat.isWeixin() ? 'weixin' : 'h5'
+        // #endif
+        // #ifdef MP
+        payInfo.pay_type = 'routine'
+        // #endif
+        // #ifdef APP-PLUS
+        payInfo.pay_type = 'weixin'
+        // #endif
+      }
+      payInfo.activity_id = _this.activity_id;
+      payInfo.mer_id = _this.current_mer.mer_id;
+      // 提交申请
+      activityJoin(payInfo).then(res => {
+        if (res.status == 200) {
+          if(Number(_this.pay_money) > 0){
+            let status = res.data.status,
+                orderId = res.data.result.order_id,
+                callback_key = res.data.result.pay_key,
+                jsConfig = res.data.result.config;
+            // let goPages = '/pages/order_pay_status/index?order_id=' + orderId + '&msg=' + res.message;
+            let goPages = '/pages/user/index';
+            switch (status) {
+              case 'ORDER_EXIST':
+              case 'EXTEND_ORDER':
+              case 'PAY_ERROR':
+              case 'error':
+                return _this.$util.Tips({
+                  title: res.message
+                }, {
+                  tab: 1,
+                  url: goPages
+                });
+                break;
+              case 'success':
+                return _this.$util.Tips({
+                  title: res.message,
+                  icon: 'success'
+                }, {
+                  tab: 1,
+                  url: goPages
+                });
+                break;
+              case 'alipay':
+              case "alipayQr":
+                uni.navigateTo({
+                  url: '/pages/order_pay_back/index?keyCode=' + callback_key + '&url=' +
+                      jsConfig
+                })
+                return;
+                break;
+                // #ifndef MP
+              case "wechat":
+              case "weixin":
+              case "weixinApp":
+                jsConfig.timeStamp = jsConfig.timestamp;
+                // #ifndef APP-PLUS
+                this.$wechat.pay(jsConfig).then(res => {
+                  return _this.$util.Tips({
+                    title: res.message,
+                    icon: 'success'
+                  }, {
+                    tab: 1,
+                    url: goPages
+                  });
+                }).catch(res => {
+                  if (res.errMsg == 'chooseWXPay:cancel') return _this.$util.Tips({
+                    title: '取消支付'
+                  }, {
+                    tab: 1,
+                    url: goPages + '&status=0'
+                  });
+                })
+                // #endif
+                // #ifdef APP-PLUS
+                let mp_pay_name=''
+                if(uni.requestOrderPayment){
+                  mp_pay_name='requestOrderPayment'
+                }else{
+                  mp_pay_name='requestPayment'
+                }
+                uni[mp_pay_name]({
+                  provider: 'wxpay',
+                  orderInfo: jsConfig,
+                  success: (e) => {
+                    // let url = '/pages/order_pay_status/index?order_id=' + orderId + '&msg=支付成功';
+                    let url = '/pages/user/index';
+
+                    return _this.$util.Tips({
+                      title: '支付成功',
+                      icon: 'success'
+                    }, {
+                      tab: 1,
+                      url: url
+                    });
+                  },
+                  fail: (e) => {
+                    // let url = '/pages/order_pay_status/index?order_id=' + orderId + '&msg=取消支付';
+                    let url = '/pages/user/index';
+                    return _this.$util.Tips({
+                      title: '取消支付',
+                    }, {
+                      tab: 1,
+                      url: url
+                    });
+                  },
+                  complete: () => {
+                    // let url = '/pages/order_pay_status/index?order_id=' + orderId + '&msg=取消支付';
+                    let url = '/pages/user/index';
+                    return _this.$util.Tips({
+                      title: '',
+                    }, {
+                      tab: 1,
+                      url: url
+                    });
+                  },
+                });
+                // #endif
+                break;
+                // #endif
+                // #ifdef MP
+              case "routine":
+                jsConfig.timeStamp = jsConfig.timestamp;
+                _this.toPay = true;
+                let mp_pay_name=''
+                if(uni.requestOrderPayment){
+                  mp_pay_name='requestOrderPayment'
+                }else{
+                  mp_pay_name='requestPayment'
+                }
+                uni[mp_pay_name]({
+                  ...jsConfig,
+                  success: function(res) {
+                    uni.hideLoading();
+                    return _this.$util.Tips({
+                      title: '支付成功',
+                      icon: 'success'
+                    }, {
+                      tab: 1,
+                      url: goPages
+                    });
+                  },
+                  fail: function(e) {
+                    // let pages = '/pages/order_pay_status/index?order_id=' + orderId + '&msg=取消支付'
+                    let pages = '/pages/user/index';
+                    return _this.$util.Tips({
+                      title: '取消支付'
+                    }, {
+                      tab: 1,
+                      // url: pages + '&status=0'
+                      url: pages
+                    });
+                  },
+                })
+                break;
+                // #endif
+              case "balance":
+                //余额
+                return _this.$util.Tips({
+                  title: res.msg
+                }, {
+                  tab: 1,
+                  url: goPages + '&status=1'
+                });
+                break;
+                // #ifdef H5
+              case 'h5':
+                let host = window.location.protocol + "//" + window.location.host;
+                // let url = `${host}/pages/order_pay_status/index?order_id=${orderId}&msg=${res.message}`
+                let url = '/pages/user/index';
+                let eUrl = encodeURIComponent(url)
+                let jsurl = jsConfig.mweb_url || jsConfig.h5_url
+                let locations = `${jsurl}&redirect_url=${eUrl}`
+                setTimeout(() => {
+                  location.href = locations;
+                }, 100);
+                break;
+                // #endif
+                // #ifdef APP-PLUS
+              case 'alipayApp':
+                uni.requestPayment({
+                  provider: 'alipay',
+                  orderInfo: jsConfig,
+                  success: (e) => {
+                    return _this.$util.Tips({
+                      title: '支付成功',
+                      icon: 'success'
+                    }, {
+                      tab: 1,
+                      url: goPages
+                    });
+                  },
+                  fail: (e) => {
+                    // let pages = '/pages/order_pay_status/index?order_id=' + orderId + '&msg=支付失败'
+                    let pages = '/pages/user/index';
+                    return _this.$util.Tips({
+                      title: '支付失败'
+                    }, {
+                      tab: 1,
+                      url: pages
+                    });
+                  },
+                  complete: () => {
+                    uni.hideLoading();
+                    // let pages = '/pages/order_pay_status/index?order_id=' + orderId + '&msg=取消支付'
+                    let pages = '/pages/user/index';
+                    return _this.$util.Tips({
+                      title: ''
+                    }, {
+                      tab: 1,
+                      url: pages
+                    });
+                  },
+                });
+                break;
+                // #endif
+              default:
+                // let pages = '/pages/order_pay_status/index?order_id=' + orderId + '&msg=取消支付'
+                let pages = '/pages/user/index';
+                return _this.$util.Tips({
+                  title: '取消支付'
+                }, {
+                  tab: 1,
+                  // url: pages + '&status=0'
+                  url: pages
+                });
+            }
+          }else{
+            _this.$util.Tips({
+              title: '操作成功！',
+            },{
+              tab: 1,
+              url: '/pages/user/index'
+            });
+          }
+        }
+      }).catch(err => {
+        this.$util.Tips({title: err});
+      });
+    },
+    // 修改支付方式
+    changePayType(e){
+      this.pay_info.pay_type = e.detail.value || e.target.value;
+    },
+
+
+
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.main-content{
+  min-height: 100vh;
+  width: 100vw;
+
+  .main-image{
+    width: 100vw!important;
+  }
+
+  .bottom-btn{
+    position: fixed;
+    bottom: 100rpx;
+    left: calc((100vw - 80vw) / 2);
+    width: 80vw;
+    height: 70rpx;
+    line-height: 70rpx;
+    background-color: #d60000;
+    color: #ffffff;
+    text-align: center;
+    border-radius: 80rpx;
+    font-size: 30rpx;
+  }
+
+  .join-activity-content{
+    border-radius: 30rpx;
+    background: #ffffff;
+    width: calc(100vw - (30rpx * 2));
+    padding: 20rpx;
+    margin: auto;
+    .top{
+      width: 100%;
+      height: 80rpx;
+      display: inline-flex;
+      flex-direction: row;
+      flex-wrap: nowrap;
+      align-items: center;
+      justify-content: center;
+      .text{
+        font-size: 30rpx;
+        font-weight: bold;
+      }
+    }
+    .store-info{
+      width: 100%;
+      border-radius: 20rpx;
+      border: 2rpx solid #efefef;
+      padding: 20rpx;
+      display: inline-flex;
+      flex-direction: row;
+      flex-wrap: nowrap;
+      align-items: center;
+      justify-content: flex-start;
+      .main-image{
+        width: 80rpx!important;
+        height: 80rpx!important;
+        border-radius: 50%;
+      }
+      .info{
+        width: calc(100% - 80rpx) !important;
+        padding-left: 20rpx;
+        height: 150rpx;
+        display: inline-flex;
+        flex-direction: column;
+        flex-wrap: nowrap;
+        align-items: flex-start;
+        justify-content: center;
+        .title{
+          font-size: 30rpx;
+          font-weight: bold;
+        }
+        .distance{
+          font-size: 24rpx;
+          font-weight: bold;
+        }
+        .address{
+          font-size: 24rpx;
+          color: #7f7f7f;
+        }
+      }
+    }
+    .other-store{
+      height: 60rpx;
+      line-height: 50rpx;
+      font-size: 26rpx;
+      font-weight: bold;
+      text-align: center;
+      .icon{
+        font-size: 26rpx;
+      }
+    }
+    .pay-type{
+      .box-title{
+        margin: 30rpx 0;
+        height: 50rpx;
+        line-height: 50rpx;
+        font-size: 28rpx;
+        padding-left: 20rpx;
+        font-weight: bold;
+        position: relative;
+      }
+      .box-title:after{
+        content: "";
+        position: absolute;
+        left: 0;
+        top: calc((50rpx - 30rpx) / 2);
+        width: 10rpx;
+        height: 30rpx;
+        background: #1777ff;
+      }
+      .box-content{
+        .pay-label:not(:last-child){
+          margin-bottom: 20rpx;
+        }
+        .pay-item{
+          height: 120rpx;
+          padding: 20rpx;
+          width: 100%;
+          border: 2rpx solid #d9dce4;
+          border-radius: 15rpx;
+          display: inline-flex;
+          flex-direction: row;
+          flex-wrap: nowrap;
+          align-items: center;
+          justify-content: space-around;
+          .left{
+            width: calc(100% - 80rpx);
+            display: inline-flex;
+            flex-direction: row;
+            flex-wrap: nowrap;
+            align-items: center;
+            justify-content: flex-start;
+            .animated{
+              width: 44rpx;
+              height: 44rpx;
+              border-radius: 50%;
+              text-align: center;
+              line-height: 44rpx;
+              background-color: #fe960f;
+              color: #fff;
+              font-size: 30rpx;
+              margin-right: 15rpx;
+            }
+            .icon-weixin2 {
+              background-color: #41b035;
+            }
+            .icon-icon34 {
+              background-color: #4295D5;
+            }
+            .pay-item-info{
+              .pay-name{
+                text-align: left;
+                border-right: 1px solid #eee;
+                justify-content: left;
+              }
+              .tip{
+                text-align: left;
+                font-size: 26rpx;
+                color: #aaa;
+              }
+            }
+          }
+          .right{
+            width: 80rpx;
+            display: inline-flex;
+            flex-direction: row;
+            flex-wrap: nowrap;
+            align-items: center;
+            justify-content: flex-end;
+          }
+        }
+      }
+    }
+    .group-btn{
+      margin-top: 80rpx!important;
+      width: 100%;
+      display: inline-flex;
+      flex-wrap: nowrap;
+      justify-content: center;
+      align-items: center;
+      flex-direction: row;
+      .add-btn{
+        height: 80rpx;
+        line-height: 80rpx;
+        width: 100%;
+        text-align: center;
+        font-size: 30rpx;
+        color: #fff;
+        background-color: #409eff;
+        border-color: #409eff;
+        border-radius: 15rpx;
+      }
+    }
+  }
+  // 切换代理
+  .change-agent-content{
+    width: 100vw !important;
+    height: 80vh !important;
+    background-color: #fff;
+    border-top-left-radius: 30rpx !important;
+    border-top-right-radius: 30rpx !important;
+    padding: 30rpx !important;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    overflow: auto;
+    .store-list{
+      width: 100% !important;
+      height: 120rpx;
+      line-height: 120rpx;
+      .store-list-item{
+        width: 100%;
+        display: inline-flex;
+        flex-direction: row;
+        flex-wrap: nowrap;
+        justify-content: space-between;
+        align-items: center;
+      }
+      .store-list-item:not(:last-child){
+        border-bottom: 2rpx solid #f6f6f6;
+      }
+      .title{
+        width: calc(100% - 80rpx) !important;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+    }
+
+    /deep/ radio .wx-radio-input.wx-radio-input-checked, /deep/radio .uni-radio-input.uni-radio-input-checked {
+      border: 1px solid #2291F8 !important;
+      background-color: #2291F8 !important
+    }
+  }
+}
+</style>