<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>橙橙网络</title>
    <script>
        function reSizeRem() {
            var ClientWidth = document.documentElement.clientWidth > 750 ? 750 : document.documentElement.clientWidth,
                UiWidth = 750,
                FontSize = ClientWidth / UiWidth * 100;
            document.documentElement.style.fontSize = FontSize + 'px';
        }

        reSizeRem();
        window.onresize = function () {
            reSizeRem();
        }
    </script>
    <link rel="stylesheet" href="ald/sign/css/style.css">
</head>
<body>
<div class="ald-container">
    <div class="login-info">
        欢迎您，23294252 天空之城1区 大魔王提莫 <a href="javascript:">【注销】</a>
    </div>
    <div class="sign-container">
        <div class="sign-content">
            <div class="task-container">
                <div class="scroll-container">
                    <div class="progress-date">
                        <span></span>
                    </div>
                    <div class="task-date">
                        <dl class="done">
                            <dt></dt>
                            <dd class="line"></dd>
                            <dd>1</dd>
                        </dl>
                        <dl class="done">
                            <dt></dt>
                            <dd class="line"></dd>
                            <dd>2</dd>
                        </dl>
                        <dl class="current">
                            <dt></dt>
                            <dd class="line"></dd>
                            <dd>3</dd>
                        </dl>
                        <dl>
                            <dt></dt>
                            <dd class="line"></dd>
                            <dd>4</dd>
                        </dl>
                        <dl>
                            <dt></dt>
                            <dd class="line"></dd>
                            <dd>5</dd>
                        </dl>
                        <dl>
                            <dt></dt>
                            <dd class="line"></dd>
                            <dd>6</dd>
                        </dl>
                        <dl class="gift">
                            <dt></dt>
                            <dd class="line"></dd>
                            <dd>7</dd>
                        </dl>
                        <dl>
                            <dt></dt>
                            <dd class="line"></dd>
                            <dd>8</dd>
                        </dl>
                        <dl>
                            <dt></dt>
                            <dd class="line"></dd>
                            <dd>9</dd>
                        </dl>
                        <dl>
                            <dt></dt>
                            <dd class="line"></dd>
                            <dd>10</dd>
                        </dl>
                        <dl>
                            <dt></dt>
                            <dd class="line"></dd>
                            <dd>11</dd>
                        </dl>
                        <dl class="gift">
                            <dt></dt>
                            <dd class="line"></dd>
                            <dd>12</dd>
                        </dl>
                        <dl>
                            <dt></dt>
                            <dd class="line"></dd>
                            <dd>13</dd>
                        </dl>
                        <dl>
                            <dt></dt>
                            <dd class="line"></dd>
                            <dd>14</dd>
                        </dl>
                        <dl class="gift">
                            <dt></dt>
                            <dd class="line"></dd>
                            <dd>15</dd>
                        </dl>

                    </div>
                </div>
                <div class="scroll-container scroll-container-gift">
                    <div class="progress-gift">
                    </div>
                    <div class="gift-award">
                        <dl class="done">
                            <dt class="icon"></dt>
                            <dd class="num">1</dd>
                            <dd class="gift-img"><span></span></dd>
                            <dd class="gift-name">锻造券13*1</dd>
                            <dd class="status">签到</dd>
                        </dl>
                        <dl class="current">
                            <dt class="icon"></dt>
                            <dd class="num">2</dd>
                            <dd class="gift-img"><span></span></dd>
                            <dd class="gift-name">锻造券13*1</dd>
                            <dd class="status">签到</dd>
                        </dl>
                        <dl>
                            <dt class="icon"></dt>
                            <dd class="num">3</dd>
                            <dd class="gift-img"><span></span></dd>
                            <dd class="gift-name">锻造券13*1</dd>
                            <dd class="status">签到</dd>
                        </dl>
                        <dl>
                            <dt class="icon"></dt>
                            <dd class="num">4</dd>
                            <dd class="gift-img"><span></span></dd>
                            <dd class="gift-name">锻造券13*1</dd>
                            <dd class="status">签到</dd>
                        </dl>
                        <dl>
                            <dt class="icon"></dt>
                            <dd class="num">5</dd>
                            <dd class="gift-img"><span></span></dd>
                            <dd class="gift-name">锻造券13*1</dd>
                            <dd class="status">签到</dd>
                        </dl>
                        <dl>
                            <dt class="icon"></dt>
                            <dd class="num">6</dd>
                            <dd class="gift-img"><span></span></dd>
                            <dd class="gift-name">锻造券13*1</dd>
                            <dd class="status">签到</dd>
                        </dl>
                        <dl>
                            <dt class="icon"></dt>
                            <dd class="num">7</dd>
                            <dd class="gift-img"><span></span></dd>
                            <dd class="gift-name">锻造券13*1</dd>
                            <dd class="status">签到</dd>
                        </dl>
                        <dl>
                            <dt class="icon"></dt>
                            <dd class="num">8</dd>
                            <dd class="gift-img"><span></span></dd>
                            <dd class="gift-name">锻造券13*1</dd>
                            <dd class="status">签到</dd>
                        </dl>
                        <dl>
                            <dt class="icon"></dt>
                            <dd class="num">9</dd>
                            <dd class="gift-img"><span></span></dd>
                            <dd class="gift-name">锻造券13*1</dd>
                            <dd class="status">签到</dd>
                        </dl>
                        <dl>
                            <dt class="icon"></dt>
                            <dd class="num">10</dd>
                            <dd class="gift-img"><span></span></dd>
                            <dd class="gift-name">锻造券13*1</dd>
                            <dd class="status">签到</dd>
                        </dl>
                        <dl>
                            <dt class="icon"></dt>
                            <dd class="num">11</dd>
                            <dd class="gift-img"><span></span></dd>
                            <dd class="gift-name">锻造券13*1</dd>
                            <dd class="status">签到</dd>
                        </dl>
                        <dl>
                            <dt class="icon"></dt>
                            <dd class="num">12</dd>
                            <dd class="gift-img"><span></span></dd>
                            <dd class="gift-name">锻造券13*1</dd>
                            <dd class="status">签到</dd>
                        </dl>
                        <dl>
                            <dt class="icon"></dt>
                            <dd class="num">13</dd>
                            <dd class="gift-img"><span></span></dd>
                            <dd class="gift-name">锻造券13*1</dd>
                            <dd class="status">签到</dd>
                        </dl>
                        <dl>
                            <dt class="icon"></dt>
                            <dd class="num">14</dd>
                            <dd class="gift-img"><span></span></dd>
                            <dd class="gift-name">锻造券13*1</dd>
                            <dd class="status">签到</dd>
                        </dl>
                        <dl>
                            <dt class="icon"></dt>
                            <dd class="num">15</dd>
                            <dd class="gift-img"><span></span></dd>
                            <dd class="gift-name">锻造券13*1</dd>
                            <dd class="status">签到</dd>
                        </dl>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="rules-container">
        <h2 class="title">签到活动规则</h2>
        <div class="rules">
            <p><span>1</span>活动时间：2021年x月x日~2021年x月x日</p>
            <p><span>2</span>登录注册橙橙平台账号并绑定Orange识别码 即可参与【签到有礼】活动</p>
            <p><span>3</span>每人每天可签到一次，每次签到可获得相应 《阿拉德之怒》福利一份</p>
            <p><span>4</span>玩家可以累计签到3天、7天、12天可获得额外 的奖励</p>
            <p><span>5</span>玩家签到需绑定《阿拉德之怒》游戏角色，每 个橙橙平台账号只可绑定一个角色，且不可更 换，请谨慎选择</p>
            <p><span>6</span>成功领取礼包后，可前往玩家绑定的角色邮箱 中进行查收</p>
        </div>
    </div>
</div>
</body>
</html>
