新用户主页面.html 7.39 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">
<div class="yohoWidthAuto">














<!--新样式-->
<link href="http://static.yohobuy.com/m/v1/css/invite.css" rel="stylesheet" type="text/css" media="screen" />
<!--新样式-->
<style>
    @font-face {font-family: "Microsoft YaHei";src: url("fonts/MicrosoftYaHei.eot");src: url("fonts/MicrosoftYaHei.eot?#iefix") format("embedded-opentype"),url("fonts/MicrosoftYaHei.woff") format("woff"),url("fonts/MicrosoftYaHei.ttf") format("truetype"),url("fonts/MicrosoftYaHei.svg#icomoon") format("svg");font-weight: normal;font-style: normal;}
</style>
<script src="http://static.yohobuy.com/m/v1/js/invite.js"></script>






<div class="invite_box relative">
    <img src="http://static.yohobuy.com/m/v1/img/invite/all_bg.jpg" class="absolute" />
    <div class="invite_main relative">

        <img src="http://static.yohobuy.com/m/v1/img/invite/title.png" />

        <h2 class="bold fz16 mar_top_c">YOHO!福利来袭,即领即用!</h2>
        <p>全球潮牌在此集结!</p>

        <!-- 输入手机号 start -->
        <div class="code_dialog" id="code_dialog">
            <p style="padding:8px 0;">
                <i class="line fn-left"></i>
                <i class="line fn-right"></i>
                <span class="fz11 bold" style="display: inline-block;">填写手机号,轻松做潮人</span>
            </p>
            <p class="f_input f_code"><a href="javascript:void(0)" class="center fz14 fn_right" id="send_code">发送验证码</a><input type="text" placeholder="输入手机号" /></p>
            <p class="f_input"><input type="text" placeholder="输入验证码" /></p>
            <a href="javascript:void(0)" class="download_btn fz16">领福利</a>
        </div>
        <!-- 输入手机号 end -->

    </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="con relative center">

                <!--已经参加过活动-->
                <!--
                <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>
                -->

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




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












</div>
</body>
</html>