<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">1、每期比赛于比赛日00:00:00正式开始统计，到比赛日23: 59:59正式结束；用户缴纳当期比赛契约金后即可成功报名；比赛结束后达标用户将收到运动奖励金；</div>
    <div class="content2-item">2、运动达标奖励金将于比赛结束后24小时内发放到达标用户钱包中（多日耐力赛比赛期间，契约金按日返还结算，单个比赛日总当天0点开始至24点结束，当日拥有参赛资格且达标的用户返回支付的契约金的一部分，比赛结束后契约金全部返还，并获得平台提供的相应奖励金，参赛用户如果未达标次数超过限额，则失去比赛资格）；</div>
    <div class="content2-title">二、注意事项</div>
    <div class="content2-item">1、用户应保证设备的可靠性，以保证运动数据准确性。报名赛事的用户应保证自己设备的可靠性，例如保证电源电量充足，保证计步设备系统的运行白名单内，网络链接正常等；为了更好的保证运动数据的可靠性，比赛期间请保证一定频次手机微信登录；并按规则要求在比赛结束前进入手机微信完成步数上报确认操作；由于用户个人设备缺乏可靠性或未按活动规则操作导致的投诉，平台不予处理；</div>
    <div class="content2-item">2、运动达标时，如遇到转账失败未收到奖金的情况，可联系在线客服确认情况，情况属实可补发相应的奖金；</div>
    <div class="content2-item">3、运动奖金赛提倡公平竞赛，如存在作弊行为，将取消比赛资格；</div>
    <div class="content2-item">4、奖金派发时，仅派发到小数点后两位，由此可能造成的奖金结余将统一合并至下期比赛中一并派发；</div>
    <div class="content2-item">5、由于不可抗力因素导致当期比赛因故无法进行的，平台有权取消当期比赛’并将在指定时间内将运动契约金原路退还给报名成功用户；</div>
    <div class="ps">注：Apple不是本赛事赞助者</div>
  </div>
</template>

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

export default {
  name: "Rule",
  components: {
    Title
  },
  data() {
    return {};
  },
  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>