<template>
  <div class="rule-page">
    <Title class="page-title" title="活动规则与协议" titleColor="#000" @goback="goback" show_back="true" arrowColor="black"></Title>
    <div class="section-title">参赛须知：</div>
    <div class="content1-container">
      <div class="content1-item">• 为督促大家运动，每位用户报名均需提供契约金</div>
      <div class="content1-item">• 当期比赛结束后不达标的用户将被扣除契约金</div>
      <div class="content1-item">• 当期比赛结束后达标用户将返还契约金，并获得平台提供的相应奖励金</div>
      <div class="content1-item">• 奖金赛中每个账号只能接受一台设备上报的步数</div>
      <div class="content1-item">• 由于微信对网页暂不支持时时步数同步，所以最终结算步数为用户在小程序页面中“提交今日步数”为准。</div>
    </div>
    <div class="section2-title">参赛须知详情：</div>
    <div class="content2-title">一、比赛规则</div>
    <div class="content2-item">每期比赛于比赛日00:00:00正式开始统计，到比赛日23: 59:59正式结束；用户缴纳当期比赛契约金后即可成功报名；比赛结束后达标用户将收到运动奖励金；</div>
    <div class="content2-item">运动达标奖励金将于比赛结束后24小时内发放到达标用户钱包中（多日耐力赛比赛期间，契约金按日返还结算，单个比赛日总当天0点开始至24点结束，当日拥有参赛资格且达标的用户返回支付的契约金的一部分，比赛结束后契约金全部返还，并获得平台提供的相应奖励金，参赛用户如果未达标次数超过限额，则失去比赛资格）；</div>
    <div class="content2-title">二、用户确认报名即认可平台判定结果，不再对该结果进行任何形式抗辩</div>
    <div class="content2-item">每场比赛的判定结果，由平台根据比赛结束时(当期比赛最后一日的23:59:59)的服务器后台获取的用户步数来判定，该步数会显示在当期比赛结束后的比赛详情页；用户报名成功即表示对平台的判定结果表示认可，不再对该结果进行任何形式抗辩；</div>
    <div class="content2-title">三、用户应保证设备的可靠性，以保证运动数据准确性</div>
    <div class="content2-item">报名赛事的用户应保证自己设备的可靠性，例如保证电源电量充足，保证计步服务在设备系统的运行白名单内，网络链接正常等；为了更好的保证运动数据的可靠性，比赛期间请保证一定频次的手机微信登录；由于用户个人设备缺乏可靠性导致的投诉，平台不予处理；</div>
    <div class="content2-title">四、其他说明</div>
    <div class="content2-item">奖金派发时仅派发到小数点后两位，由此可能造成的奖金结余将在合并至本组下期比赛奖金中一并派发；</div>
    <div class="content2-item">由于不可抗力因素导致当期比赛因故无法进行的，平台有权取消当期比赛’并将在指定时间内将运动契约金原路退还给报名成功用户；</div>
    <div class="ps">注：Apple不是本赛事赞助者</div>
  </div>
</template>

<script>
import Title from "@/components/Title.vue";

export default {
  name: "Rule",
  components: {
    Title
  },
  data() {
    return {};
  },
  mounted() {},
  methods: {
    goback() {
      history.go(-1);
    }
  }
};
</script>
<style lang="less" scoped>
.rule-page {
  width: 100%;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.96rem;

  .page-title {
    font-weight: bold;
    width: 100%;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
  }

  .section-title {
    width: 6.72rem;
    font-size: 0.3rem;
    line-height: 1;
    color: #333;
    font-weight: bold;
    text-align: left;
    margin-top: 0.44rem;
  }

  .content1-container {
    width: 6.7rem;
    margin-top: 0.2rem;

    .content1-item {
      font-size: 0.26rem;
      line-height: 0.44rem;
      color: #5a5a5a;
    }
  }

  .section2-title {
    width: 6.72rem;
    font-size: 0.26rem;
    line-height: 1;
    color: #333;
    margin-top: 0.4rem;
  }

  .content2-title {
    width: 6.72rem;
    font-size: 0.26rem;
    line-height: 0.44rem;
    color: #333;
    margin-top: 0.2rem;
  }

  .content2-item {
    width: 6.72rem;
    font-size: 0.26rem;
    line-height: 0.44rem;
    color: #5a5a5a;
    margin-top: 0.14rem;
  }

  .ps {
    width: 6.72rem;
    font-size: 0.26rem;
    line-height: 1;
    color: #a5a5a5;
    margin: 0.4rem 0 0.6rem;
  }
}
</style>