圣诞红包主页面.html 9.75 KB
<!DOCTYPE html>
<!--[if IEMobile 7 ]><html class="no-js iem7"> <![endif]-->
<!--[if (gt IEMobile 7)|!(IEMobile)]><!--> <html class="no-js"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <title>圣诞红包主页面</title>
    <meta name="description" content="">
    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="640">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta http-equiv="cleartype" content="on">
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />

    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://static.yohobuy.com/m/v1/img/touch/apple-touch-icon-144x144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://static.yohobuy.com/m/v1/img/touch/apple-touch-icon-114x114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://static.yohobuy.com/m/v1/img/touch/apple-touch-icon-72x72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="http://static.yohobuy.com/m/v1/img/touch/apple-touch-icon-57x57-precomposed.png">
    <link rel="shortcut icon" href="http://static.yohobuy.com/m/v1/img/touch/apple-touch-icon-144x144-precomposed.png">

    <link rel="apple-touch-startup-image" sizes="640x920" href="http://static.yohobuy.com/m/v1/img/startup/startup-retina.png" media="screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)">
    <link rel="apple-touch-startup-image" sizes="320x460" href="http://static.yohobuy.com/m/v1/img/startup/startup.png" media="screen and (max-device-width: 320)">

    <!-- Tile icon for Win8 (144x144 + tile color) -->
    <meta name="msapplication-TileImage" content="http://static.yohobuy.com/m/v1/img/touch/apple-touch-icon-144x144-precomposed.png">
    <meta name="msapplication-TileColor" content="#222222">

    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">

    <!-- For iOS web apps. Delete if not needed. https://github.com/h5bp/mobile-boilerplate/issues/94 -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="">

    <meta name="apple-itunes-app" content="app-id=490655927">
    <link href="http://static.yohobuy.com/m/v1/css/add2home.css?v=20141210" rel="stylesheet" type="text/css" media="screen" />
    <link href="http://static.yohobuy.com/m/v1/css/normalize.css?v=20141210" rel="stylesheet" type="text/css" media="screen" />
    <link href="http://static.yohobuy.com/m/v1/css/global.css?v=20141210" rel="stylesheet" type="text/css" media="screen" />
    <script src="http://static.yohobuy.com/m/v1/js/vendor/jquery-2.0.3.min.js?v=20141210" charset="UTF-8" type="text/javascript"></script>
    <script src="http://static.yohobuy.com/m/v1/js/plugins.js?v=20141210" charset="UTF-8" type="text/javascript"></script>
    <script src="http://static.yohobuy.com/m/v1/js/main.js?v=20141210" charset="UTF-8" type="text/javascript"></script>
    <style type="text/css">
        @font-face {font-family: "icomoon";src: url("/fonts/icomoon.eot");src: url("/fonts/icomoon.eot?#iefix") format("embedded-opentype"),url("/fonts/icomoon.woff") format("woff"),url("/fonts/icomoon.ttf") format("truetype"),url("/fonts/icomoon.svg#icomoon") format("svg");font-weight: normal;font-style: normal;}
    </style>
</head>
<body id="header">


<!--新样式-->
<link href="http://static.yohobuy.com/m/v1/css/laolaxin.css" rel="stylesheet" type="text/css" media="screen" />
<!--新样式-->
<style>
    @font-face {font-family: "微软雅黑";src: url("fonts/微软雅黑.ttf");font-weight: normal;font-style: normal;}
    @font-face {font-family: "adineue-bold";src: url("fonts/ADINEUE-BOLD.OTF");font-weight: normal;font-style: normal;}
</style>
<script src="http://static.yohobuy.com/m/v1/js/laolaxin.js"></script>

<div class="yohoWidthAuto">


    <div class="wrap_main center">
        <div class="wrap_sort">
            <img src="http://static.yohobuy.com/m/v1/img/laolaxin/s_bg.jpg" class="wrap_bg" />
            <div class="wrap_container pdtop01">
                <img src="http://static.yohobuy.com/m/v1/img/laolaxin/yfl.png" />
                <img src="http://static.yohobuy.com/m/v1/img/laolaxin/yoho_coupon.png" />
                <p class="fz11">大家齐分享  分享越多奖励更多</p>

                <p class="padTB fz11">只需1位小伙伴领取,<br/>即得<span class="bold fz14">15元现金券</span><br/>全部领完,可继续发,上不封顶!<br/>奔跑吧,潮人们!</p>

                <a href="javascript:void(0)" class="send_btn center fz16">立刻发福利</a>
            </div>
        </div>

        <div class="wrap_sort wrap_height">
            <img src="http://static.yohobuy.com/m/v1/img/laolaxin/green_bg.png" />
            <div class="wrap_bluebox">
                <a href="javascript:void(0)" class="activity_rule fz15" id="activity_rule">活动细则</a>
                <ol class="activity_rule_con" id="activity_rule_con">
                    <li>本次活动所获现金券仅限YOHO!有货商城购买商品使用,不得转借他人,不可兑换现金;</li>
                    <li>一个订单只可使用一张优惠券,优惠券需在有效期内使用,过期则无法使用;</li>
                    <li>使用优惠券支付的订单,退款结算按照实际支付金额退款,优惠券返还账户,且有效期不变;</li>
                    <li>本活动仅限普通消费者参与,如有代购或批发行为YOHO有货有权取消订单并做相关处理;</li>
                    <li>YOHO有货在法律允许范围内拥有本规则解释权。</li>
                </ol>
            </div>
        </div>

    </div>


    <!--弹窗 start-->
    <dialog class="w_dialog" id="w_dialog" open="open">
        <div class="container" id="w_container">
            <div class="bg" id="w_bg">
                <div class="box center">
                    <img src="http://static.yohobuy.com/m/v1/img/laolaxin/cloud.png" class="wrap_bg" />
                    <div class="con">

                        <!--已经参加过活动-->
                        <!--
                        <h2 class="fz18 bold mtTop01">该微信号已参与过活动</h2>
                        <a href="javascript:void(0)" class="btn center fz16" id="w_close">确定</a>
                        -->

                        <!--连续多次验证失败-->
                        <!--
                        <p class="fz13 mtTop02">您已连续多次验证失败</p>
                        <h2 class="fz18 bold">请明天再试</h2>
                        <a href="javascript:void(0)" class="btn center fz16" id="w_close">返回</a>
                        -->

                        <!--注册成功-->
                        <!--
                        <p class="fz13 mtTop03">您已经是YOHO!的潮流</p>
                        <p class="fz13">达人了,只需下载</p>
                        <p class="fz13">YOHO!有货手机客户端,</p>

                        <p class="fz13 mtTop04">即可分享赢取</p>
                        <h2 class="fz18 bold">15元现金券</h2>
                        <p>
                            <a href="javascript:void(0)" class="btn btnTwo center fz16">重新输入</a>
                            <a href="javascript:void(0)" class="btn btnTwo center fz16">立即查看</a>
                        </p>
                        -->

                        <!--验证码输入错误-->
                        <!--
                        <p class="fz13 mtTop02">验证码输入错误</p>
                        <h2 class="fz18 bold">请重新输入</h2>
                        <a href="javascript:void(0)" class="btn center fz16" id="w_close">确定</a>
                        -->

                        <!--手机号验证失败-->
                        <!--
                        <h2 class="fz18 bold mtTop01">手机号验证失败</h2>
                        <a href="javascript:void(0)" class="btn center fz16" id="w_close">再试试</a>
                        -->

                        <!--您已连续多次验证失败-->
                        <!--
                        <p class="fz13 mtTop02">您已连续多次验证失败</p>
                        <h2 class="fz18 bold">请明天再试</h2>
                        <a href="javascript:void(0)" class="btn center fz16" id="w_close">返回</a>
                        -->


                    </div>
                </div>
            </div>
        </div>
    </dialog>
    <!--弹窗 end-->

    <!-- 输入验证码 start -->
    <dialog class="code_dialog" id="code_dialog" open="open">
        <img src="http://static.yohobuy.com/m/v1/img/laolaxin/green_bg.png" />
        <div class="box center">
            <h2 class="bold fz16">YOHO!福利来袭,即领即用!</h2>
            <p>全球潮牌在此集结!</p>
            <p class="fz11 bold" style="padding:8px 0;">
                <span class="line fn_left"></span>
                <span class="line fn_right"></span>
                填写手机号,轻松做潮人
            </p>
            <p class="f_input f_code"><a href="javascript:void(0)" class="center bold fz14 fn_right">发送验证码</a><input type="text" placeholder="输入手机号" /></p>
            <p class="f_input"><input type="text" placeholder="输入验证码" /></p>
            <a href="javascript:void(0)" class="btn fz15">领福利</a>
        </div>
    </dialog>
    <!-- 输入验证码 end -->


    <!--引导层 start-->
    <div class="share_tag" id="share_tag"><img src="http://static.yohobuy.com/m/v1/img/laolaxin/yd_share.png" /></div>
    <!--引导层 end-->

</div>



</body>
</html>