root
/
tv_xiaoyouxi


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287
							<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<div id='wx_pic' style='margin:0 auto;display:none;'>
<img src='photo.jpg' />
</div>

<title>七夕节就要高调秀恩爱！送TA一纸婚书</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
<meta http-equiv="expires" content="0">
<meta name="keywords" content="送TA一纸婚书" />
<meta name="description" content="送TA一纸婚书" />

<meta itemprop="name" id="share-title" content="七夕节就要高调秀恩爱！">
<meta name="description" id="share-timelinedesc" itemprop="timelinedescription" content="七夕节就要高调秀恩爱！">
<meta name="description" id="share-desc" itemprop="description" content="单身人士请进，脱单就靠今天">
<meta itemprop="image" id="share-image" content="http://mat1.gtimg.com/news/2015/zt/bromarry/img/share.jpg">
<meta itemprop="link" id="share-url" content="http://news.qq.com/zt2015/brohunshu/index.htm">
<meta itemprop="root" id="share-root" content="http://news.qq.com/zt2015/brohunshu/">

<meta itemprop="cdnroot" id="cdn-root" content="http://mat1.gtimg.com/news/2015/zt/bromarry/">

<meta name="apple-touch-fullscreen" content="yes" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="stylesheet" href="css/mainnew.css">
<script type="text/javascript">
(function (doc, win) {
    var docEl = doc.documentElement,
        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
        recalc = function () {
            var clientWidth = docEl.clientWidth;
            // if (!clientWidth) return;
            docEl.style.fontSize = 100 * (clientWidth / 320) + 'px';
        };
        recalc();
    // Abort if browser does not support addEventListener
    if (!doc.addEventListener) return;
    win.addEventListener(resizeEvt, recalc, false);
    // doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);
</script>
</head>

<body>
<div class="hq-wrapper" >
    <div id="mo-slide">
    <div class="hq-page hq-page-loading">
        <div class="hq-loading">
            <div class="hq-loading__item">
                <ul class="hq-words">
                    <li><span>有位老先生说</span></li>
                    <li><span>从前的日色变得慢</span></li>
                    <li><span>车 马 邮件都慢</span></li>
                    <li><span>一生只够爱一个人</span></li>
                    <li><span>从前的婚书也好看</span></li>
                    <li><span>典雅精美有样子</span></li>
                    <li><span>透着温暖的旧日气息</span></li>
                    <li class="logo"></li>
                </ul>
            </div>
            <div class="hq-loading__item">
                <div class="lotus-container lotus-container2">
                    <div class="lotus"></div>
                </div>
            </div>
            <div class="hq-loading__item">
                <div class="lotus-container lotus-container1">
                    <div class="lotus"></div>
                </div>
            </div>
            <div class="hq-loading__item"></div>
            <div class="hq-loading__item" id="loading-txt">加载中 <span id="loading-progress">0%</span></div>
        </div>
    </div>
    <div class="hq-page hq-page-introduce ">
        <div class="hq-introduce"> 
            <div class="hq-introduce__item"></div>
            <div class="hq-introduce__item"></div>
            <div class="hq-introduce__item"></div>
            <div class="hq-introduce__item">
                <ul class="hq-words">
                    <li><span class="first">两姓联姻</span>一堂缔约</li>
                    <li><span class="first">良缘永结</span>匹配同称</li>
                    <li><span class="first">谨以白头之约</span>书向鸿笺</li>
                    <li><span class="first">好将红叶之盟</span>载明鸳谱</li>
                    <li>此证</li>

                </ul>
                
            </div>
            <a href="#" class="hq-introduce__btn font-fzls" id="goto-maker">制作我们的婚书</a>
            <div class="hq-introduce__item item5"></div>
        </div>
    </div>
    <div class="hq-page hq-page-maker ">
        <div class="hq-maker ">
            <div class="hq-maker__item font-fzls">
                <h3 class="hq-maker__title">我的名字是</h3>
                <label class="hq-input">
                    <input type="text" class="font-normal" name="" id="input-me">
                </label>
            </div>
            <div class="hq-maker__item font-fzls">
                <h3 class="hq-maker__title">TA的名字是</h3>
                <label class="hq-input">
                    <input type="text" class="font-normal" name="" id="input-ta">
                </label>
            </div>
            <div class="hq-maker__item">
                <h3 class="hq-maker__title font-fzls">我们在这一天结婚</h3>
                
                 <div id="dateSelector">
                    <label class="hq-input__year" for="idYear">
                        <select id="idYear" name="idYear" data="2015"></select>
                        <span class="real">2015</span>
                        <span class="txt">年</span>
                    </label>
                    <label class="hq-input__month" for="idMonth">

                        <select id="idMonth" name="idMonth" data="5"></select>
                        <span class="real">5</span>
                        <span class="txt">月</span>
                    </label><label class="hq-input__day" for="idDay">
                        <select id="idDay" name="idDay" data="20"></select>
                        <span class="real">20</span>
                        <span class="txt">日</span>
                    </label>
                    <input type="date" name="date" id="input-selectdate" class="input-selectdate" value="2015-05-20" min="1815-01-01" max="2215-12-12" >
                </div>
            </div>
            <div class="hq-maker__item">
                <div class="hq-maker__btn" id="btn_make"></div>
            </div>
        </div>
    </div>
    <div class="hq-page hq-page-making ">
        <div class="hq-making">
            <div class="progress">
                <div class="step" id="making-step"></div>
                
                <div class="txt">
                    生成中 <span class="num" id="making-progress">0%</span>
                </div>
            </div>

        </div>
    </div>

    <div class="hq-page hq-page-result ">
        <div class="result-inner" style="display:none">
            <div class="tips">
                <div class="txt">左右滑动</br>切换模板</div>
                <div class="arrow arrow-left"></div>
                <div class="arrow arrow-right"></div>
            </div>
            <div class="hq-swiper font-fzks">
                <ul id="slide-inner">
                    <li class="inner-page">
                        <div class="hq-result temp1">
                            <div class="hq-result__item">
                                <ul class="hq-words">
                                    <li><strong class="hq-words__date">日期</strong><span class="time-year">二零一五</span> 年 <span class="time-month">五</span> 月 <span  class="time-day">二十</span> 日</li>
                                </ul>
                                <dl class="hq-words mask">
                                    <dt>结<br/>婚</br>人</dt>
                                    <dd class="font-normal">
                                        <p class="name-me">牛栏山</p>
                                        <p class="name-ta">刘桂芳</p>
                                    </dd>
                                    </br>
                                </dl>
                                <ul class="hq-words">
                                    <li>喜今日赤绳系定</br>，珠联璧合</br>。 </li>
                                    <li>卜他年白头永偕</br>，桂馥兰馨</br>。此证</br>！</li>
                                </ul>
                                <a href="#" class="hq-result__btn btn1 font-fzls btn-redo">填<br/>错<br/>了<br/><br/>重<br/>新<br/>写</a><a href="#" class="hq-result__btn btn2 font-fzls btn-share">太<br/>美<br/>了<br/><br/>秀<br/>恩<br/>爱</a>
                            </div>
                            <div class="hq-result__item"></div>
                            <div class="hq-result__item"></div>

                            <div id="flowers">
                              <i></i>
                              <i></i>
                              <i></i>
                              <i></i>
                              <i></i>
                              <i></i>
                              <i></i>
                              <i></i>
                              <i></i>
                              <i></i>
                              <i></i>
                              <i></i>
                              <i></i>
                              <i></i>
                              <i></i> 
                            </div>
                        </div>
                    </li>
                    <li class="inner-page">
                        <div class="hq-result temp2">
                            <div class="hq-result__item">
                                <ul class="hq-words">
                                    <li><strong class="hq-words__date">日期</strong><span class="time-year">二零一五</span> 年 <span class="time-month">五</span> 月 <span class="time-day">二十</span> 日</li>
                                </ul>
                                <dl class="hq-words mask">
                                    <dt class="">结<br/>婚</br>人</dt>
                                    <dd class="font-normal">
                                        <p class="name-me">牛栏山</p>
                                        <p class="name-ta">刘桂芳</p>
                                    </dd>
                                    </br>
                                </dl>
                                <ul class="hq-words">
                                    <li>嘉礼初成</br>，良缘遂缔</br>。诗咏关雎</br>， </li>
                                    <li>雅歌麟趾</br>。花好月圆</br>，欣燕尔之</br>。 </br>此证</br>！</li>
                                </ul>
                                <a href="#" class="hq-result__btn btn1 font-fzls btn-redo">填<br/>错<br/>了<br/><br/>重<br/>新<br/>写</a><a href="#" class="hq-result__btn btn2 font-fzls btn-share">太<br/>美<br/>了<br/><br/>秀<br/>恩<br/>爱</a>

                                <div class="left-ani"></div>
                                <div class="right-ani"></div>
                            </div>
                            <div class="hq-result__item"></div>
                            <div class="hq-result__item"></div>
                        </div>
                    </li>
                    <li class="inner-page">
                        <div class="hq-result temp3">
                            <div class="hq-result__item">
                                <ul class="hq-words">
                                    <li><strong class="hq-words__date">日期</strong><span class="time-year">二零一五</span> 年 <span class="time-month">五</span> 月 <span class="time-day">二十</span> 日</li>
                                </ul>
                                <dl class="hq-words mask">
                                    <dt>结<br/>婚</br>人</dt>
                                    <dd class="font-normal">
                                        <p class="name-me">牛栏山</p>
                                        <p class="name-ta">刘桂芳</p>
                                    </dd>
                                    </br>
                                </dl>
                                <ul class="hq-words">
                                    <li>礼同掌判</br>，合二姓以嘉姻</br>， </li>
                                    <li>诗咏宜家</br>，敦百年之静好</br>，此证</br>！</li>
                                </ul>
                                <a href="#" class="hq-result__btn btn1 font-fzls btn-redo">填<br/>错<br/>了<br/><br/>重<br/>新<br/>写</a><a href="#" class="hq-result__btn btn2 font-fzls btn-share">太<br/>美<br/>了<br/><br/>秀<br/>恩<br/>爱</a>
                            </div>
                            <div class="hq-result__item">
                                <div class="ani-left"></div>
                                <div class="ani-right"></div>
                            </div>
                            <div class="hq-result__item"></div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    </div>
</div>

<div class="arrow varrow" id="arrow" ></div>
<div class="pop-share">
    <div class="share-tips">点击右上角秀恩爱</div>
</div>
<script type="text/javascript">
document.body.ontouchmove=function(e){
    e.preventDefault();
}
</script>
<script type="text/javascript">
    
    // window.numCH = new Array("零", "壹", "贰", "叁", "肆", "伍", "陆", "柒", "捌", "玖");
     window.numCH = new Array("零", "一", "二", "三", "四", "五", "六", "七", "八", "九");
     window.ten="十";
     window.sharedesc="{{ta}}，你这辈子归我啦！";
     window.tips="请填写您和TA的名字";
</script>
<script src="jsapi/news.js?_tsid=1"></script>
<script src="js/main.min.js"charset="UTF-8"></script>

</body>
</html><!--[if !IE]>|xGv00|b37968b5cb210f947cc6a3abe8624aa5<![endif]-->