<template>
    <van-action-sheet
        class="rule-box"
        closeable
        :lazy-render="false"
        :overlay-style="{ zIndex: 18 }"
        v-model:show="show"
        title=" "
    >
        <div class="page">
            <h3>RAEX绿洲宇宙拍卖规则</h3>
            <p>
                一、凡参与一口价购买或增价拍的竞买人，请您先了解本（公告）规则，您一旦参与购买或竞价即视为您已经同意本现则。
            </p>
            <p>
                二、本场竞拍活动是数字艺术品版权（拍品）的拍卖活动，本拍品已经过蚂蚁链技术的加密程序，您竞拍成功后可前往“RAEX绿洲宇宙”手机APP查看、验证和下载。
            </p>
            <p>
                三、本拍品数量为【1】件，作品拍卖展示时，频道内会显著、清晰标准拍品的详细信息，所有拍品的相关内容和版权均由送拍方自行承担责任。
            </p>
            <p>
                四、本拍品的介绍（包括但不限于图片、文字、视频等）及拍品资质文件（包括但不限于来源证明、鉴定证书等），所有拍品的相关内容和版权均由送拍方自行编辑上传并承担责任。
            </p>
            <p>
                五、本拍品由送拍方提供，您将独立承担参与本次拍卖的相关风险，并享有相应权利。如因送拍方或者拍品原创作者发布危害国家利益、违反社会道德、公序良俗及其他可能造成严重负面舆论的言论或行为，导致数字艺术品版权被屏蔽或者限制使用的，您应当自行与送拍方沟通解决。
            </p>
            <p>
                六、“蚂蚁链”仅提供区块链技术服务，不参与作品拍卖的具体环节。
                七、送拍方应保证本作品版权的合法性和唯一性。
            </p>
            <p>
                八、为防止恶意竞拍扰乱市场秩序的行为，在您参加竞拍活动前，系统需要冻结一定金额的保证金。在竞拍结束后如未成功则自动解冻，无息返还至原支付账户。竞拍成功的用户竞拍结束后72小时内未支付尾款的，保证金将作为违约金不予返还。
            </p>
            <p>九、每个拍品每个用户仅限参与一次，名额不可转让、折现、出售。</p>
            <p>
                十、考虑到本次拍卖活动中的拍品具有区块链上唯一性的特征，同时鉴于参拍前已向您充分说明拍卖特性，因此拍品不提供退换货服务，请您务必充分评估并谨慎出价。
            </p>
            <p>
                十一、买家理解并同意，鉴于网络服务的特殊性，我们对本服务持续提供可能受到多重因素影响，如出现技术升级、网路故障、经营策略调整、配合国家重大技术、法规政策变化，平台可能随时终止、中断提供服务或变更服务形式、规格或其他方面而无须承担责任。
            </p>
            <p>十二、如您想要通过竞拍方式购买数字艺术品，应当满足以下条件：</p>
            <p>1）您已满18周岁未满60周岁，并具有中华人民共和国国籍。 2）您已通过实名制认证。</p>
            <p>
                您仅代表您个人而不属于任何组织或企业，您理解及确认我们有权依据国家法律法规、监管政策、活动规则或业务需要对上述条件进行补充或修改，您一旦参拍并购买商品，即表示您承诺符合以上条件并受到本协议及活动细则约束。
            </p>
            <p>生效日期：2022年4月25日</p>

            <div class="botton-btn">
                <van-button @click="show = false" type="primary" block round>知道了</van-button>
            </div>
        </div>
    </van-action-sheet>
</template>

<script>
export default {
    data() {
        return {
            show: false
        };
    }
};
</script>

<style lang="less">
.rule-box {
    height: 100%;
    max-height: 100%;
}
</style>
<style lang="less" scoped>
.page {
    padding: 16px;
    .bottom(80px);
}
h3 {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    line-height: 22px;
    margin: 16px 0 0;
}
h4 {
    font-size: 14px;
    color: #000000;
    line-height: 20px;
    margin: 12px 0 0;
}
p {
    font-size: 14px;
    color: #939599;
    line-height: 22px;
    margin: 5px 0 0;
}
p + h3 {
    margin: 24px 0 0;
}
h3 + p {
    margin: 12px 0 0;
}
p + p {
    margin: 12px 0 0;
}

p {
    span {
        font-size: 12px;
        font-weight: bold;
        color: #ffffff;
        line-height: 16px;
        width: 16px;
        height: 16px;
        display: inline-flex;
        background-color: #939599;
        text-align: center;
        border-radius: 16px;
        align-items: center;
        justify-content: center;
        margin-right: 6px;
    }
}

.botton-btn {
    position: fixed;
    padding: 9px 48px;
    background-color: #fff;
    .bottom(9px);
    border-top: 1px solid #f2f3f5;
    left: 0;
    right: 0;
    bottom: 0;
}
</style>
