<template name="dialogMore">
  <div class="ibd-modal" v-if="show">
    <basicPopNew :title="title" @closeClick="closeClick">
      <!-- <div style="height: 0.4rem"></div> -->
      <span class="draw-chance-num">今天还有<span style="color: #f2270c">{{ restDrawCount }}</span>次抽奖机会</span>
      <div class="ibd-modal-body" style="height: 7.7rem; overflow: auto">
        <div class="f-tac drow-chance-follow" v-for="(item, i) in task" :key="i">
          <!-- 关注商品 -->
          <div class="drow-chance-follow1" v-if="item.taskType == 5">
            <img
              src="//img10.360buyimg.com/imgzone/jfs/t1/144148/13/24751/7066/61a1d4ebE038918c8/2d6a63424d902b10.png" />
            <div class="fenxinagCont">
              <div class="fenxiang">关注商品<span v-if="item.completeCount >=0 &&item.maxNum >= 0">({{ item.completeCount <= item.maxNum * item.finishNum ? Math.floor(item.completeCount / item.finishNum) : item.maxNum }}/{{ item.maxNum }})</span></div>
              <div class="haoyou" v-if="item.oneClickFollowPurchase == 1">
                每关注{{ item.finishNum }}件商品，可获得{{ item.sendNum }}次
              </div>
              <div class="haoyou" v-if="item.oneClickFollowPurchase == 0">
                关注全部商品，可获得{{ item.sendNum }}次
              </div>
              <div class="haoyou">抽奖机会</div>
            </div>
            <div :class="item.status == 0 ? 'goTofen' : 'goTofenHui'" v-lz-click="'8'"
              @click="statusBtn(item, item.taskType)">
              去关注
            </div>
          </div>
          <!-- 购买商品 -->
          <div class="drow-chance-follow1" v-if="item.taskType == 8">
            <img
              src="//img10.360buyimg.com/imgzone/jfs/t1/201204/32/16522/6690/61a1d4ebE3ef7c032/61631a80821dc603.png" />
            <div class="fenxinagCont">
              <div class="fenxiang">购买商品</div>
              <div class="haoyou">
                购买商品，可获得
              </div>
              <div class="haoyou">抽奖机会</div>
            </div>
            <div class="goTofen" v-lz-click="'16'" @click="moreDrawChanceSale(item)">
              去购买
            </div>
          </div>
          <!-- 购买指定收货时间商品 -->
          <div class="drow-chance-follow1" v-if="item.taskType == 22">
            <img
              src="//img10.360buyimg.com/imgzone/jfs/t1/201204/32/16522/6690/61a1d4ebE3ef7c032/61631a80821dc603.png" />
            <div class="fenxinagCont">
              <div class="fenxiang">购买商品</div>
              <div class="haoyou">
                指定时间段内购买指定商品,
              </div>
              <div class="haoyou">可获得{{ item.sendNum }}次抽奖机会</div>
            </div>
            <div :class="item.status == 0 ? 'goTofen' : 'goTofenHui'" v-lz-click="'16'" @click="moreDrawChanceSale(item)">
              去购买
            </div>
          </div>
          <!-- 分享商品 分享店铺 分享活动 -->
          <div class="drow-chance-follow1" v-if="
              item.taskType == 9 || item.taskType == 10 || item.taskType == 12
            ">
            <img src="//img10.360buyimg.com/imgzone/jfs/t1/220960/5/5837/7077/61a1d4ebE71aa0ecb/f2af93823852a09d.png" />

            <div class="fenxinagCont">
              <div class="fenxiang" v-if="item.taskType == 9">分享商品<span v-if="taskAvailableText(item)">({{ taskAvailableText(item) }})</span></div>
              <div class="fenxiang" v-if="item.taskType == 10">分享店铺<span v-if="taskAvailableText(item)">({{ taskAvailableText(item) }})</span></div>
              <div class="fenxiang" v-if="item.taskType == 12">分享活动<span v-if="taskAvailableText(item)">({{ taskAvailableText(item) }})</span></div>
              <div class="haoyou">
                每成功分享{{ item.finishNum }}位好友，可获得{{ item.sendNum }}次
              </div>
              <div class="haoyou">抽奖机会</div>
            </div>

            <div :class="taskDisabled(item) ? 'goTofenHui' : 'goTofen'" v-lz-click="'2'" @click="moreDrawChanceShare(item)">
              去分享
            </div>
          </div>
          <!-- 每日签到 -->
          <div class="drow-chance-follow1" v-if="item.taskType == 14">
            <img
              src="//img10.360buyimg.com/imgzone/jfs/t1/199820/19/19736/6526/61af6473E79b86d89/caa471333d89ee90.png" />

            <div class="fenxinagCont">
              <div class="fenxiang">每日签到</div>
              <div class="haoyou">每日签到，可获得{{ item.sendNum }}次</div>
              <div class="haoyou">抽奖机会</div>
            </div>

            <div :class="item.status == 0 ? 'goTofen' : 'goTofenHui'" v-lz-click="'13'"
              @click="statusBtn(item, item.taskType)">
              去签到
            </div>
          </div>
          <!-- 浏览店铺 -->
          <div class="drow-chance-follow1" v-if="item.taskType == 2">
            <img
              src="//img10.360buyimg.com/imgzone/jfs/t1/220913/22/6985/7141/61af63cbE43fd09c7/489ddf10a107b031.png" />

            <div class="fenxinagCont">
              <div class="fenxiang">浏览店铺<span v-if="taskAvailableText(item)">({{ taskAvailableText(item) }})</span></div>
              <div class="haoyou">
                每浏览{{ item.finishNum }}次店铺，可获得{{ item.sendNum }}次
              </div>
              <div class="haoyou">抽奖机会</div>
            </div>

            <div :class="taskDisabled(item) ? 'goTofenHui' : 'goTofen'" v-lz-click="'4'"
              @click="statusBtn(item, item.taskType)">
              去浏览
            </div>
          </div>
          <!-- 浏览商品 -->
          <div class="drow-chance-follow1" v-if="item.taskType == 3">
            <img
              src="//img10.360buyimg.com/imgzone/jfs/t1/214633/38/6983/7399/61af6408E78031f00/5f65a9c5a5e32050.png" />

            <div class="fenxinagCont">
              <div class="fenxiang">浏览商品<span v-if="taskAvailableText(item)">({{ taskAvailableText(item) }})</span></div>
              <div class="haoyou">
                每浏览{{ item.finishNum }}件商品，可获得{{ item.sendNum }}次
              </div>
              <div class="haoyou">抽奖机会</div>
            </div>

            <div :class="taskDisabled(item) ? 'goTofenHui' : 'goTofen'"
              @click="statusBtn(item, item.taskType)">
              去浏览
            </div>
          </div>
          <!-- 加购商品 -->
          <div class="drow-chance-follow1" v-if="item.taskType == 7">
            <img
              src="//img10.360buyimg.com/imgzone/jfs/t1/217084/23/6979/6661/61af65c1E1ccabad2/04a32c13464dbceb.png" />

            <div class="fenxinagCont">
              <div class="fenxiang">加购商品
                <span v-if="item.completeCount >=0 &&item.maxNum >= 0">({{ item.completeCount <= item.maxNum * item.finishNum ? Math.floor(item.completeCount / item.finishNum) : item.maxNum }}/{{ item.maxNum }})</span>
                <span v-else-if="item.completeCount >=0 &&item.activeLimit.limitNum >= 0">({{ item.completeCount <= item.activeLimit.limitNum * item.finishNum ? Math.floor(item.completeCount / item.finishNum): item.activeLimit.limitNum }}/{{ item.activeLimit.limitNum }})</span>
              </div>
              <div class="haoyou" v-if="item.oneClickPurchase == 1">
                每加购{{ item.finishNum }}件商品，可获得{{ item.sendNum }}次
              </div>
              <div class="haoyou" v-if="item.oneClickPurchase == 0">
                加购全部商品，可获得{{ item.sendNum }}次
              </div>
              <div class="haoyou">抽奖机会</div>
            </div>

            <div :class="item.status == 0 ? 'goTofen' : 'goTofenHui'" v-lz-click="'9'"
              @click="statusBtn(item, item.taskType)">
              去加购
            </div>
          </div>
          <!-- 浏览会场/直播 -->
          <div class="drow-chance-follow1" v-if="item.taskType == 4">
            <img
              src="//img10.360buyimg.com/imgzone/jfs/t1/161049/11/27711/7351/61af6522E9c675180/24a93b9e79d619cf.png" />

            <div class="fenxinagCont">
              <div class="fenxiang">浏览会场/直播<span v-if="taskAvailableText(item)">({{ taskAvailableText(item) }})</span></div>
              <div class="haoyou">
                每浏览{{ item.finishNum }}次会场/直播，可获得{{ item.sendNum }}次
              </div>
              <div class="haoyou">抽奖机会</div>
            </div>

            <div :class="taskDisabled(item) ? 'goTofenHui' : 'goTofen'" v-lz-click="'6'"
              @click="statusBtn(item, item.taskType)">
              去浏览
            </div>
          </div>
          <!-- 会员开卡 -->
          <div class="drow-chance-follow1 member-card-row" v-if="item.taskType == 13">
            <img
              src="//img10.360buyimg.com/imgzone/jfs/t1/137812/26/22425/6792/61af64f9Efb7da73d/9a193302d091d412.png" />

            <div class="fenxinagCont member-card-cont">
              <div class="fenxiang">会员开卡</div>
              <div class="member-card-desc">首次入会时间：</div>
              <div class="member-card-time">{{ memberCardTimeText(item) }}</div>
              <div class="member-card-reward">{{ memberCardRewardText(item) }}</div>
            </div>

            <div class="member-card-btn" :class="memberCardTaskDisabled(item) ? 'goTofenHui' : 'goTofen'" v-lz-click="'1'" @click="maxBtn(item, item.taskType)">
              {{ memberCardButtonText(item) }}
            </div>
          </div>
          <!-- 关注店铺 -->
          <div class="drow-chance-follow1" v-if="item.taskType == 1">
            <img
              src="//img10.360buyimg.com/imgzone/jfs/t1/222437/29/5130/6720/61af6432Ec3656949/62733757ef1d09f4.png" />

            <div class="fenxinagCont">
              <div class="fenxiang">关注店铺</div>
              <div class="haoyou">
                关注店铺，可获得{{ item.sendNum }}次
              </div>
              <div class="haoyou">抽奖机会</div>
            </div>

            <div :class="item.status == '0' ? 'goTofen' : 'goTofenHui'
              " v-lz-click="'7'" @click="maxBtn(item, item.taskType,item.status)">
              去关注
            </div>
          </div>
          <!-- 邀请助力 -->
          <div style="width: 100%" v-if="item.taskType == 15">
            <div class="drow-chance-follow1">
              <img
                src="//img10.360buyimg.com/imgzone/jfs/t1/220960/5/5837/7077/61a1d4ebE71aa0ecb/f2af93823852a09d.png" />

              <div class="fenxinagCont">
                <div class="fenxiang" v-if="item.maxNum>0">
                  <span v-if="item.shareNum > item.maxNum">
                    每邀请助力 ({{ item.maxNum }}/{{ item.maxNum }})
                  </span>
                  <span v-else>
                     每邀请助力 ({{ item.shareNum }}/{{ item.maxNum }})
                  </span>
                </div>
                <div class="fenxiang" v-if="item.maxNum <= 0">邀请助力 (已邀请{{ item.shareNum }}人)</div>
                <div class="haoyou">
                  邀请{{ item.finishNum }}位好友，可获得{{ item.sendNum }}次
                </div>
                <div class="haoyou">抽奖机会</div>
              </div>
              <div class="goTofen"
               v-lz-click="'3'" @click="statusBtn(item, item.taskType)">
                去邀请
              </div>
            </div>
            <div class="shareBack">
              <div v-for="(res, i) in item.maxNum" :key="i" class="fxylxhb">
                <img v-for="(list, j) in item.friends" :key="j" v-if="i == j" :src="list.userImg" class="fxylxhbimg" />
              </div>
            </div>
          </div>
          <!-- 预约商品 -->
          <div class="drow-chance-follow1" v-if="item.taskType == 6">
            <img
              src="//img10.360buyimg.com/imgzone/jfs/t1/170467/31/26600/6756/61af64a2E108b2bda/71a9e5d9a937f958.png" />

            <div class="fenxinagCont">
              <div class="fenxiang">预约商品<span v-if="item.completeCount >=0 &&item.maxNum >= 0">({{ item.completeCount <= item.maxNum * item.finishNum ? Math.floor(item.completeCount / item.finishNum): item.maxNum }}/{{ item.maxNum }})</span></div>
              <div class="haoyou">
                每预约{{ item.finishNum }}件商品，可获得{{ item.sendNum }}次
              </div>
              <div class="haoyou">抽奖机会</div>
            </div>

            <div :class="item.status == 0 ? 'goTofen' : 'goTofenHui'" v-lz-click="'1'"
              @click="statusBtn(item, item.taskType)">
              去预约
            </div>
          </div>
        </div>
      </div>
    </basicPopNew>
  </div>
</template>

<script>
import buttonCom from "../../basisComponent/button/buttonCom.vue";
import basicPopNew from "../popCom/basicPopNew.vue";
import {
  PrizeResultPopComService,
  NoPrizeResultPopComService,
  TaskPopComService,
  SharePopComService,
  FollowSkuPopNewComService,
} from "../../../util/comCreate.js";
import apis1 from "../../../util/apis1.js";
import dateUtil from "../../../util/dateUtil.js";
import { allShareByurl } from "../../../js/share.js";
import { allShare } from "../../../js/share.js";
let { shareTask } = apis1;
export default {
  components: {
    basicPopNew,
  },
  data() {
    return {
      title: "获得更多抽奖机会",
      taskShareData: "",
      taskFollowSkuWaresVO: "",
      taskOrderWaresVO: "",
    };
  },
  mounted() {
    // sessionStorage.setItem("taskShareTitle", title);
    //   sessionStorage.setItem("taskShareData", data);
    console.log("taskShareTitle", this.task);
    document
      .querySelector("body")
      .setAttribute(
        "style",
        "position:fixed;top:0;height:100%;overflow:hidden"
      );
  },
  methods: {
    closeClick() {
      console.log("this.submit()");
      document.querySelector("body").removeAttribute("style");
      this.submit();
    },
    back() {
      console.log("关闭");
      document.querySelector("body").removeAttribute("style");
      this.closeClick();
    },
    isLimitEnabled(limit) {
      return limit && limit.limitType == 1 && limit.limitNum >= 0;
    },
    safeNum(value) {
      return Number(value) || 0;
    },
    isBothLimitTask(item) {
      return item && [2, 3, 4, 9, 10, 12].indexOf(Number(item.taskType)) > -1;
    },
    taskAvailableCount(item) {
      let activeOn = this.isLimitEnabled(item.activeLimit);
      let dayOn = this.isLimitEnabled(item.dayLimit);
      if (item.availableCount !== undefined && item.availableCount !== null) {
        let availableCount = this.safeNum(item.availableCount);
        return availableCount === 2147483647 ? '不限' : Math.max(0, availableCount);
      }
      let finishNum = this.safeNum(item.finishNum) || 1;
      let rawCount = item.completeCount !== undefined ? item.completeCount : item.shareCount;
      if (!activeOn && !dayOn) {
        if (item.maxNum === undefined || item.maxNum === null || this.safeNum(item.maxNum) < 0) {
          return '不限';
        }
        return Math.max(0, this.safeNum(item.maxNum) - Math.floor(this.safeNum(rawCount) / finishNum));
      }
      let dayComplete = item.dayCompleteCount === undefined || item.dayCompleteCount === null
        ? Math.floor(this.safeNum(rawCount) / finishNum)
        : this.safeNum(item.dayCompleteCount);
      let activeComplete = item.activeCompleteCount === undefined || item.activeCompleteCount === null
        ? Math.floor(this.safeNum(rawCount) / finishNum)
        : this.safeNum(item.activeCompleteCount);
      let dayRemain = dayOn ? Math.max(0, this.safeNum(item.dayLimit.limitNum) - dayComplete) : Number.POSITIVE_INFINITY;
      let activeRemain = activeOn ? Math.max(0, this.safeNum(item.activeLimit.limitNum) - activeComplete) : Number.POSITIVE_INFINITY;
      let available = item.availableCount === undefined || item.availableCount === null
        ? Math.min(dayRemain, activeRemain)
        : this.safeNum(item.availableCount);
      return available === Number.POSITIVE_INFINITY || available === 2147483647 ? '不限' : Math.max(0, available);
    },
    taskAvailableText(item) {
      if (!this.isBothLimitTask(item)) {
        return '';
      }
      let activeOn = this.isLimitEnabled(item.activeLimit);
      let dayOn = this.isLimitEnabled(item.dayLimit);
      let finishNum = this.safeNum(item.finishNum) || 1;
      let rawCount = item.completeCount !== undefined ? item.completeCount : item.shareCount;
      let dayComplete = item.dayCompleteCount === undefined || item.dayCompleteCount === null
        ? Math.floor(this.safeNum(rawCount) / finishNum)
        : this.safeNum(item.dayCompleteCount);
      let activeComplete = item.activeCompleteCount === undefined || item.activeCompleteCount === null
        ? Math.floor(this.safeNum(rawCount) / finishNum)
        : this.safeNum(item.activeCompleteCount);
      let dayRemain = dayOn ? Math.max(0, this.safeNum(item.dayLimit.limitNum) - dayComplete) : Number.POSITIVE_INFINITY;
      let activeRemain = activeOn ? Math.max(0, this.safeNum(item.activeLimit.limitNum) - activeComplete) : Number.POSITIVE_INFINITY;
      if (activeOn && activeRemain <= 0) {
        return Number(item.taskType) == 9 ? '活动期间分享次数已全部用完' : '活动期间次数已用完';
      }
      if (dayOn && dayRemain <= 0) {
        return Number(item.taskType) == 9 ? '今日分享次数已用完，明天可继续参与' : '今日次数已用完，明天可继续参与';
      }
      let available = this.taskAvailableCount(item);
      if (available === '不限') {
        return '';
      }
      return dayOn ? '今日可完成' + available + '次' : '还可完成' + available + '次';
    },
    taskDisabled(item) {
      return item.status == 1 || this.taskAvailableCount(item) === 0;
    },
    memberCardTaskDisabled(item) {
      return !item || item.status == 1;
    },
    memberCardTimeText(item) {
      if (!item || !item.startTime || !item.endTime) {
        return '需在规定时间内';
      }
      return this.formatMemberCardTime(item.startTime) + ' - ' + this.formatMemberCardTime(item.endTime);
    },
    memberCardRewardText(item) {
      return '完成后可获得' + this.safeNum(item && item.sendNum) + '次抽奖机会';
    },
    formatMemberCardTime(value) {
      if (typeof value === 'string') {
        value = value.replace(/-/g, '/');
      }
      return dateUtil.formatTime(value, 'yyyy.MM.dd hh:mm');
    },
    memberCardButtonText(item) {
      if (item && item.status == 1) {
        return '不可完成';
      }
      return this.memberCardTaskDisabled(item) ? '已完成' : '去开卡';
    },
    //用status判断任务按钮是否置灰
    statusBtn(item, taskType) {
      document.querySelector("body").removeAttribute("style");
      if (this.isTemplate) {
        this.$toast("活动预览，仅供查看");
        return;
      }
      if (item.status == 1) {
        return;
      }
      if (this.isBothLimitTask(item) && this.taskAvailableCount(item) === 0) {
        return;
      }
      this.doFrontBuryPoint({code: this.taskTypeCheckPonit(taskType),value: '',event: 'pop'})
      let shuju = { type: taskType, data: item };
      this.submit(JSON.stringify(shuju));
    },
    //用maxNum判断任务按钮是否置灰
    maxBtn(item, taskType,status) {
      if(status == '1'){
        return
      }
      document.querySelector("body").removeAttribute("style");
      if (this.isTemplate) {
        this.$toast("活动预览，仅供查看");
        return;
      }
      if (taskType == 13) {
        if (this.memberCardTaskDisabled(item)) {
          return;
        }
      } else if (item.maxNum <= item.completeCount) {
        return;
      }
      let shuju = { type: taskType, data: item };
      this.submit(JSON.stringify(shuju));
    },
    moreDrawChanceSale(item) {
      document.querySelector("body").removeAttribute("style");
      if (this.isTemplate) {
        this.$toast("活动预览，仅供查看");
        return;
      }
      let shuju = { type: item.taskType, data: item };
      this.submit(JSON.stringify(shuju));
    },
    openShareSkuPop(taskShareData) {
      var data = Object.assign({}, taskShareData, {
        isTemplate: this.isTemplate,
      });
      sessionStorage.setItem("taskShare", "taskShare");
      this.submit(null);
      FollowSkuPopNewComService.create(data, this.restDrawCount, (submit) => {
        sessionStorage.setItem("taskShare", "");
        FollowSkuPopNewComService.close();
      });
    },
    moreDrawChanceShare(taskShareData) {
      sessionStorage.setItem("taskShareData", JSON.stringify(taskShareData));
      document.querySelector("body").removeAttribute("style");
      if (this.isTemplate) {
        this.$toast("活动预览，仅供查看");
        return;
      }
      if (this.taskDisabled(taskShareData)) {
        return;
      }
      if (taskShareData.taskType == 9) {
        this.openShareSkuPop(taskShareData);
        return;
      }
      this.submit(4);

      var url = "";
      //   分享指定商品
      if (taskShareData.taskType == 9) {
        var shareSku = this.shareSku(taskShareData);
        if (!shareSku || !shareSku.skuId) {
          this.$toast("商品信息异常，请稍后再试");
          return;
        }
        url =
          "https://item.m.jd.com/product/" +
          shareSku.skuId +
          ".html?wjfrom=ISV_2180A2AFA5B2452F9061C01C053C4756_WX&wjwxpubid=wxd9fd3549c5fdb283&wjunionid=&wjopenid=";
        allShareByurl(url, this.isTemplate, this, (callBackData) => {
          console.log(callBackData, "callBackData" + url);
        });
      } else if (taskShareData.taskType == 10) {
        //分享指定店铺
        url = "https://shop.m.jd.com/?shopId=" + taskShareData.shopId;
        allShareByurl(url, this.isTemplate, this, (callBackData) => {
          console.log(callBackData, "callBackData" + url);
        });
      } else {
        url = location.href;
        allShare(this.isTemplate, this, (callBackData) => {
          console.log(callBackData, "callBackData");
        });
      }
    },
    shareSku(taskShareData) {
      if (!taskShareData || !taskShareData.skuInfoVO || taskShareData.skuInfoVO.length <= 0) {
        return null;
      }
      var finishNum = Number(taskShareData.finishNum) || 1;
      var rawCount = taskShareData.completeCount !== undefined ? taskShareData.completeCount : taskShareData.shareCount;
      var completeTimes = Math.floor((Number(rawCount) || 0) / finishNum);
      if (taskShareData.dayCompleteCount != null) {
        completeTimes = Number(taskShareData.dayCompleteCount) || 0;
      } else if (taskShareData.activeCompleteCount != null) {
        completeTimes = Number(taskShareData.activeCompleteCount) || 0;
      }
      return taskShareData.skuInfoVO[completeTimes % taskShareData.skuInfoVO.length] || taskShareData.skuInfoVO[0];
    },
    pointTopShowFoll() {
      console.log("this.pointFoll" + this.pointFoll);
      return "pointTopShowBuy" + this.pointFoll;
    },
    pointTopShowBuy() {
      console.log("this.pointBuy" + this.pointBuy);
      return "pointTopShowBuy" + this.pointBuy;
    },
    pointTopShowShare() {
      console.log("this.pointShare" + this.pointShare);
      return "pointTopShowBuy" + this.pointShare;
    },
  },
};
</script>
    
<style lang="scss" scoped>
.shareBack {
  display: -webkit-box;
  // justify-content: center;
  overflow-x: auto;
  margin-top: 0.2rem;
}
.shareBack div:first-child {
  margin-left: 0 !important;
}
.fxylxhb {
  width: 0.5rem;
  height: 0.5rem;
  background-image: url(//img10.360buyimg.com/imgzone/jfs/t1/141868/24/20697/3611/619c581aEf96888ee/2441109a454a2791.png);
  background-repeat: no-repeat;
  background-size: 100%;
  margin-left: -0.06rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fxylxhbimg {
  width: 0.46rem;
  height: 0.46rem;
  border-radius: 50%;
}
.ibd-modal-mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.55);
  height: 100%;
  z-index: 1000;
}
.ibd-modal-wrap {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 1000;
}
.ibd-modal-wrap .ibd-modal-modal {
  margin: 2.2rem 0.84rem 0 0.84rem;
  font-size: 0.24rem;
  border-radius: 15px;
  position: relative;
}
.ibd-draw-chance-head {
  height: 1.65rem;
  text-align: center;
  // background-image: url(https://img10.360buyimg.com/imgzone/jfs/t21520/124/447125391/19308/28c0c122/5b0e256eN842ee162.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.f-tac {
  text-align: center;
}
.ibd-modal-wrap .ibd-modal-modal .ibd-modal-content .ibd-modal-body {
  padding: 0.28rem;
  border-radius: 0 0 10px 10px;
  background: #fff;
}
.ibd-modal-body .drow-chance-follow {
  width: 6.9rem;
  // height: 1.4rem;
  background: #fff;
  //   background-image: url(//img10.360buyimg.com/imgzone/jfs/t1/204427/27/15734/63012/6194deebE7222ebe4/e084fed0d0816854.png);
  //   background-size: 100%;
  //   background-repeat: no-repeat;
  margin: 0 auto 0.1rem;
  border-radius: 0.1rem;
  padding: 0.2rem 0.3rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  .drow-chance-follow1 {
    width: 100%;
    display: flex;
    align-items: center;
    img {
      width: 0.94rem;
      height: 0.87rem;
    }
    .fenxinagCont {
      margin-left: 0.39rem;
      .fenxiang {
        font-size: 0.3rem;
        color: #ff9900;
        text-align: left;
      }
      .haoyou {
        font-size: 0.24rem;
        color: #8c8c8c;
        text-align: left;
      }
    }
    .goTofen {
      width: 1.36rem;
      height: 0.46rem;
      background: linear-gradient(90deg, #f2270c 0%, #ff6420 100%);
      font-size: 0.2rem;
      color: #fff;
      border-radius: 0.23rem;
      margin-left: auto;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .goTofenHui {
      width: 1.36rem;
      height: 0.46rem;
      background: linear-gradient(90deg, #8c8c8c 0%, #bfbfbf 100%);
      font-size: 0.2rem;
      color: #fff;
      border-radius: 0.23rem;
      margin-left: auto;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .member-card-cont {
      flex: 1;
      min-width: 0;
      margin-right: 0.18rem;
    }
    .member-card-desc {
      font-size: 0.23rem;
      line-height: 0.34rem;
      color: #595959;
      text-align: left;
      margin-top: 0.04rem;
    }
    .member-card-time {
      font-size: 0.22rem;
      line-height: 0.32rem;
      color: #262626;
      text-align: left;
      word-break: break-word;
    }
    .member-card-reward {
      font-size: 0.22rem;
      line-height: 0.32rem;
      color: #8c8c8c;
      text-align: left;
    }
    .member-card-btn {
      flex: 0 0 1.36rem;
    }
  }
}
.ibd-modal-body .drow-chance-sale {
  overflow: hidden;
  width: 6.91rem;
  height: 1.3rem;
  line-height: 0.72rem;
  background-image: url(//img10.360buyimg.com/imgzone/jfs/t1/212652/34/4816/60959/6194deebEcf97b1cf/cf7282f48760bf6f.png);
  background-size: 100%;
  background-repeat: no-repeat;
  margin: 0 auto 0.1rem;
}
.ibd-modal-body .drow-chance-share {
  overflow: hidden;
  width: 6.91rem;
  height: 1.3rem;
  line-height: 0.72rem;
  background-image: url(//img10.360buyimg.com/imgzone/jfs/t1/208818/35/9501/77448/6194deebEa2cfe9ec/5e0382e2be05445e.png);
  background-size: 100%;
  background-repeat: no-repeat;
  margin: 0 auto 0.1rem;
}
.draw-chance-num {
  color: #262626;
  font-size: 0.24rem;
  display: block;
  width: 100%;
  text-align: center;
  margin: 0.3rem 0;
}
.ibd-modal-body .draw-chance-text {
  color: #333;
  font-size: 0.15rem;
}
.ibd-modal-wrap .ibd-modal-modal .ibd-modal-btn-cancel {
  position: absolute;
  top: 0;
  right: 0;
  width: 0.6rem;
  height: 0.6rem;
  text-decoration: none;
  z-index: 9;
  display: block;
}
.pointTopShowBuy1 {
  margin-top: 0rem;
}
.pointTopShowBuy2 {
  margin-top: 1.5rem;
}
.pointTopShowBuy3 {
  margin-top: 2.9rem;
}
.pointTopShowBuy4 {
  margin-top: 2.9rem;
}

// .pointTopShowShare {
//   margin-top: 1.2rem;
// }
// .pointTopShowShare1 {
// margin-top: 1.2rem;
// }
// .pointTopShowShare2 {
//    margin-top: 2.2rem;
// }
</style>
