<!DOCTYPE html>
  <html class="webapp disable-select" 
  data-appkey="595262" 
  data-design="640/1008" 
  data-mode="screen" 
  data-scroll="y"
  data-touch="true" 
  data-adaptor="height"
  data-adaptor-mode="scale" 
  data-scene-duration="-1" 
  data-scene-loop="true" 
  data-scene-move="1" 
  data-scene-shift="0.08" 
  data-scene-attributes="deg:28;duration:0.6;timing:ease;perspective:300px"
  data-seajs-base="http://static.zuikuh5.com/v2/res/js/" id="webapp">
<head>
<meta charset="utf-8">
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache"/>
<meta http-equiv="Expires" content="-1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<meta content="email=no" name="format-detection">

<meta name="robots" content="nofollow">
<meta name="robots" content="noarchive">

<meta content="595262" name="appId">
<meta content="0" name="stat_open">
<meta content="http://stat.zuikuh5.com/stat/index/click" name="stat_click">
<meta content="http://stat.zuikuh5.com/stat/index/share" name="stat_share">
<meta content="http://stat.zuikuh5.com/stat/index/pv" name="stat_pv">
<meta content="2" name="stat_source_click">
<meta content="1" name="stat_source_share">
<meta content="1" name="stat_source_pv">
<meta content="595262" name="stat_source">
<meta itemprop="name" content="Merry Christmas"/>
<meta itemprop="image" content="http://file2.zuiku.com/2015/12/09/16/22_eab9f1e67763b2ad38892c140ab04778.jpg" />
<meta itemprop="description" name="description" content="Merry Christmas" />
<title>Web technology company</title>
<link rel="stylesheet" type="text/css" href="http://static.zuikuh5.com/v2/res/css/lib/g.70749be39e4a9dc69032b23c0db751fdab4957da.css">
<link rel="stylesheet" type="text/css" href="http://static.zuikuh5.com/v2/res/css/lib/animate/r3.4.1/animate.d17aad9176cc20ca525dca85b258ab5dd3996c6e.css">
<link rel="stylesheet" type="text/css" href="http://static.zuikuh5.com/v2/res/css/logic/default/app.0fc3f11f6c1871ea4c111fdecdcd10343a69b3a0.css">
<style type="text/css">
article,
section,
.outerbox,
.innerbox,
.widget,
.widget-box{
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
</style>
<script type="text/template" name="wx">
imgUrl=http://file2.zuiku.com/2015/12/09/16/22_eab9f1e67763b2ad38892c140ab04778.jpg;
lineLink=http://h5.dobestdo.com/a/595262_91391.html;
descContent=Merry Christmas;
shareTitle=Merry Christmas;
imgWidth=200;
imgHeight=200;
appid=;
shareClick=http://click.zuikuh5.com/share.jsp?appId=595262;
allow=1;

</script>
</head>
<body class="disable-select">
<div class="webapp-loading flexbox center middle">
  <figure class="webapp-loading-logo abs-center">
    <figcaption class="webapp-loading-box">
      <div class="webapp-loading-icon"></div>
      <div class="webapp-loading-pic"><img src="http://static.zuikuh5.com/v2/res/img/lib/loading-default.683b1d05a98cdc0bd5abeea6bc676aa84d63c3be.png"></div>
      <div class="webapp-loading-ptxt" data-imageloader="percent">0%</div>
    </figcaption>
  </figure>
</div>
<article class="webapp-view none-header none-footer" id="view" style="background-color: ;">
 
  <section class="hide" data-screen-id="5368373" data-screen-index="0" data-display="visible" data-screen-lock="2" data-animate="25662754,1,0,fadeInUp,1.0,0.0,1,0,1,1,0,0|25662755,1,0,lightSpeedIn,1.2,0.2,1,0,1,1,0,0|25662756,1,0,bounceIn,1.2,0.2,1,0,1,1,0,0|25662757,1,0,zoomIn,0.8,0.0,1,0,1,1,0,0|25662758,1,2,zoomIn,0.8,0.3,1,0,1,1,0,0|25662759,1,2,zoomIn,0.8,0.6,1,0,1,1,0,0|25662760,1,2,zoomIn,0.8,0.9,1,0,1,1,0,0|25662761,1,2,zoomIn,0.8,1.2,1,0,1,1,0,0|25662762,1,2,zoomIn,0.8,1.5,1,0,1,1,0,0|25662763,1,1,zoomIn,0.8,1.8,1,0,1,1,0,0|25662757,2,2,flash,3.0,0.0,-1,45,2,75,100,100|25662758,2,2,flash,3.0,1.8,-1,45,2,75,100,100|25662759,2,2,flash,3.0,0.6,-1,45,2,75,100,100|25662760,2,2,flash,3.0,0.3,-1,45,2,75,100,100|25662763,2,2,flash,3.0,0.9,-1,45,2,75,100,100|25662762,2,2,flash,3.0,1.5,-1,45,2,75,100,100|25662761,2,2,flash,3.0,1.3,-1,45,2,75,100,100" data-scene-in="screen.y#1s ease" data-scene-out="screen.y#1s ease">
    <div class="outerbox" style="background-color: #FFFFFF;" data-lazy="bg!http://file2.zuiku.com/2015/12/09/16/22_e99372dd331914549351746ed4247b67.jpg" >
      <div class="innerbox">
      
      
      
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_25662754" data-widget-key="item_picture_s"  data-widget-id="25662754" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="25662754" style="width:640px; height:450px; z-index:1; left:0px; top:559px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2015/12/09/16/22_0875f366141e3e3ae90a44e4d2ae8ccb.png" style=";"></div>
        </div>
    	
      
      
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_25662755" data-widget-key="item_picture_s"  data-widget-id="25662755" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="25662755" style="width:317px; height:474px; z-index:2; left:146px; top:477px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2015/12/09/16/22_f02ff451bc6de1959d8511b21b3168e7.png" style=";"></div>
        </div>
    	
      
      
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_25662756" data-widget-key="item_picture_s"  data-widget-id="25662756" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="25662756" style="width:514px; height:360px; z-index:3; left:52px; top:134px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2015/12/09/16/22_ed4d2c2d74e8bca7823854b03aedbe5b.png" style=";"></div>
        </div>
    	
      
      
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_25662757" data-widget-key="item_picture_s"  data-widget-id="25662757" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="25662757" style="width:80px; height:79px; z-index:4; left:96px; top:396px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2015/12/09/16/22_d82cfa0d638bd94d61a81ffc33dac45b.png" style=";"></div>
        </div>
    	
      
      
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_25662758" data-widget-key="item_picture_s"  data-widget-id="25662758" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="25662758" style="width:84px; height:48px; z-index:5; left:472px; top:54px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2015/12/09/16/22_8f7c710b538299c6ccdc762e791f11d5.png" style=";"></div>
        </div>
    	
      
      
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_25662759" data-widget-key="item_picture_s"  data-widget-id="25662759" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="25662759" style="width:31px; height:30px; z-index:6; left:88px; top:469px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2015/12/09/16/22_b8f67f68613f2cb5fc9102afe9b7c208.png" style=";"></div>
        </div>
    	
      
      
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_25662760" data-widget-key="item_picture_s"  data-widget-id="25662760" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="25662760" style="width:80px; height:79px; z-index:7; left:96px; top:57px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2015/12/09/16/22_9f95f30b2db3d1ce74f1f43021cac8b4.png" style=";"></div>
        </div>
    	
      
      
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_25662761" data-widget-key="item_picture_s"  data-widget-id="25662761" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="25662761" style="width:92px; height:53px; z-index:8; left:166px; top:50px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2015/12/09/16/22_c8ea190db8786e718935730bfb4fffa2.png" style=";"></div>
        </div>
    	
      
      
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_25662762" data-widget-key="item_picture_s"  data-widget-id="25662762" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="25662762" style="width:68px; height:67px; z-index:7; left:478px; top:401px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2015/12/09/16/22_9f95f30b2db3d1ce74f1f43021cac8b4.png" style=";"></div>
        </div>
    	
      
      
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_25662763" data-widget-key="item_picture_s"  data-widget-id="25662763" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="25662763" style="width:86px; height:56px; z-index:5; left:466px; top:468px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2015/12/09/16/22_8f7c710b538299c6ccdc762e791f11d5.png" style=";"></div>
        </div>
    	
      
      
      </div>
    </div>
  </section>
  
  <section class="hide" data-screen-id="5368374" data-screen-index="1" data-display="visible" data-screen-lock="2" data-animate="25662764,1,0,fadeInUp,1.0,0.0,1,0,1,1,0,0|25662766,1,0,fadeIn,1.3,0.3,1,0,1,1,0,0|25662765,1,0,fadeInUp,1.0,0.0,1,0,1,1,0,0|25662767,1,0,bounceIn,1.0,0.0,1,0,1,1,0,0" data-scene-in="screen.y#1s ease" data-scene-out="screen.y#1s ease">
    <div class="outerbox" style="background-color: #FFFFFF;" data-lazy="bg!http://file2.zuiku.com/2015/12/09/16/22_78a44d8fb076ad35d0bd8820fef7782e.jpg" >
      <div class="innerbox">
      
      
      
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_25662764" data-widget-key="item_picture_s"  data-widget-id="25662764" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="25662764" style="width:640px; height:264px; z-index:1; left:0px; top:745px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2015/12/09/16/22_d8c2d71ca95f94a70820a97251d24226.png" style=";"></div>
        </div>
    	
      
      
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_25662765" data-widget-key="item_picture_s"  data-widget-id="25662765" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="25662765" style="width:582px; height:236px; z-index:2; left:32px; top:643px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2015/12/09/16/22_28a927f27bb0fc77ed3fd8d10ca9d75e.png" style=";"></div>
        </div>
    	
      
      
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_25662766" data-widget-key="item_picture_s"  data-widget-id="25662766" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="25662766" style="width:640px; height:140px; z-index:0; left:0px; top:662px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2015/12/09/16/22_fca322e29a901a44b72e750b8ae3c364.png" style=";"></div>
        </div>
    	
      
      
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_25662767" data-widget-key="item_picture_s"  data-widget-id="25662767" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="25662767" style="width:488px; height:427px; z-index:4; left:81px; top:123px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2015/12/09/16/22_75140c1df5c873b0a214423bb15deca9.png" style=";"></div>
        </div>
    	
      
      
      </div>
    </div>
  </section>
  
  <section class="hide" data-screen-id="5368375" data-screen-index="2" data-display="visible" data-screen-lock="2" data-animate="25662768,1,0,ysDeflation,1.6,0.0,1,0,1,1,0,0|25662769,1,0,zoomIn,1.3,0.3,1,0,1,1,0,0" data-scene-in="screen.y#1s ease" data-scene-out="screen.y#1s ease">
    <div class="outerbox" style="background-color: #FFFFFF;" data-lazy="bg!http://file2.zuiku.com/2015/12/09/16/22_133d0d7adac8d9d867e56bf1c555fc94.jpg" >
      <div class="innerbox">
      
      
      
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_25662768" data-widget-key="item_picture_s"  data-widget-id="25662768" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="25662768" style="width:640px; height:1008px; z-index:1; left:0px; top:0px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2015/12/09/16/22_4ae1f571a8af1b8950c29ac912b6c26e.png" style=";"></div>
        </div>
    	
      
      
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_25662769" data-widget-key="item_picture_s"  data-widget-id="25662769" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="25662769" style="width:450px; height:538px; z-index:2; left:104px; top:231px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2015/12/09/16/22_09a68eb362267e4c8dceeedbf8d88266.png" style=";"></div>
        </div>
    	
      
      
      </div>
    </div>
  </section>
  
  <section class="hide" data-screen-id="5368376" data-screen-index="3" data-display="visible" data-screen-lock="2" data-animate="25662777,1,0,fadeIn,1.2,0.2,1,0,1,1,0,0|25662770,1,0,fadeInUp,0.8,0.0,1,0,1,1,0,0|25662775,1,0,fadeInRight,1.2,0.2,1,0,1,1,0,0|25662771,1,0,zoomIn,1.2,0.2,1,0,1,1,0,0|25662773,1,0,fadeInUp,1.2,0.2,1,0,1,1,0,0|25662774,1,0,fadeInleftTop,1.2,0.2,1,0,1,1,0,0|25662772,1,0,zoomIn,1.2,0.2,1,0,1,1,0,0|25662776,1,0,bounceIn,1.2,0.2,1,0,1,1,0,0" data-scene-in="screen.y#1s ease" data-scene-out="screen.y#1s ease">
    <div class="outerbox" style="background-color: #7edfe0;" >
      <div class="innerbox">
      
      
      
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_25662770" data-widget-key="item_picture_s"  data-widget-id="25662770" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="25662770" style="width:640px; height:119px; z-index:1; left:0px; top:888px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2015/12/09/17/22_5a0d2beeef871960b9cd685982f194ee.png" style=";"></div>
        </div>
    	
      
      
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_25662771" data-widget-key="item_picture_s"  data-widget-id="25662771" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="25662771" style="width:287px; height:299px; z-index:2; left:2px; top:652px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2015/12/09/17/22_3cf43c7256e38547bcf2ad27256e1d98.png" style=";"></div>
        </div>
    	
      
      
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_25662772" data-widget-key="item_picture_s"  data-widget-id="25662772" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="25662772" style="width:189px; height:104px; z-index:3; left:246px; top:650px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2015/12/09/17/22_a796aeec32722110f07af206346befec.png" style=";"></div>
        </div>
    	
      
      
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_25662773" data-widget-key="item_picture_s"  data-widget-id="25662773" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="25662773" style="width:246px; height:195px; z-index:4; left:342px; top:752px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2015/12/09/17/22_8ae777230d71b04e6a070f25b234437a.png" style=";"></div>
        </div>
    	
      
      
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_25662774" data-widget-key="item_picture_s"  data-widget-id="25662774" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="25662774" style="width:104px; height:104px; z-index:5; left:516px; top:684px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2015/12/09/17/22_c9d39f1c8e50d663a4c91c9ad9c60b87.png" style=";"></div>
        </div>
    	
      
      
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_25662775" data-widget-key="item_picture_s"  data-widget-id="25662775" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="25662775" style="width:640px; height:156px; z-index:6; left:0px; top:24px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2015/12/09/17/22_a064d37718c1d3fa7a53f4739c31ad57.png" style=";"></div>
        </div>
    	
      
      
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_25662776" data-widget-key="item_picture_s"  data-widget-id="25662776" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="25662776" style="width:509px; height:394px; z-index:7; left:72px; top:216px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2015/12/09/17/22_ea5088ab314513ed3b679125a94c9040.png" style=";"></div>
        </div>
    	
      
      
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_25662777" data-widget-key="item_picture_s"  data-widget-id="25662777" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="25662777" style="width:640px; height:957px; z-index:8; left:0px; top:0px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2015/12/09/17/22_42b2d7cc4d90a65432f5f220ffbd2b20.png" style=";"></div>
        </div>
    	
      
      
      </div>
    </div>
  </section>
  
  <section class="hide" data-screen-id="5368377" data-screen-index="4" data-display="visible" data-screen-lock="2" data-animate="25662778,1,0,fadeInUp,0.8,0.0,1,0,1,1,0,0|25662780,1,0,fadeInDown,1.2,0.2,1,0,1,1,0,0|25662779,1,0,bounceIn,1.2,0.2,1,0,1,1,0,0|25662781,1,0,rotateIn,1.2,0.2,1,0,1,1,0,0" data-scene-in="screen.y#1s ease" data-scene-out="screen.y#1s ease">
    <div class="outerbox" style="background-color: #7edfe0;" data-lazy="bg!http://file2.zuiku.com/2015/12/09/17/22_f38e02f8d5d055317e354c23e90c4f64.jpg" >
      <div class="innerbox">
      
      
      
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_25662778" data-widget-key="item_picture_s"  data-widget-id="25662778" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="25662778" style="width:640px; height:119px; z-index:1; left:0px; top:944px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2015/12/09/17/22_5a0d2beeef871960b9cd685982f194ee.png" style=";"></div>
        </div>
    	
      
      
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_25662779" data-widget-key="item_picture_s"  data-widget-id="25662779" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="25662779" style="width:515px; height:529px; z-index:2; left:64px; top:384px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2015/12/09/17/22_70b787e0ca9447125ffff96acacf4648.png" style=";"></div>
        </div>
    	
      
      
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_25662780" data-widget-key="item_picture_s"  data-widget-id="25662780" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="25662780" style="width:561px; height:151px; z-index:6; left:44px; top:0px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2015/12/09/17/22_ec3e8eea726510db15ca415beaa7aca7.png" style=";"></div>
        </div>
    	
      
      
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_25662781" data-widget-key="item_picture_s"  data-widget-id="25662781" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="25662781" style="width:324px; height:365px; z-index:7; left:161px; top:58px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2015/12/09/17/22_59b21e448fe49664d678600553b0e4cc.png" style=";"></div>
        </div>
    	
      
      
      </div>
    </div>
  </section>
  
  <section class="hide" data-screen-id="5368378" data-screen-index="5" data-display="visible" data-screen-lock="2" data-animate="25662782,1,0,fadeInDown,1.2,0.0,1,0,1,1,0,0|25662783,1,0,fadeInUp,1.2,0.2,1,0,1,1,0,0|25662784,1,0,fadeIn,1.4,0.4,1,0,1,1,0,0|25662785,1,0,bounceIn,1.2,0.2,1,0,1,1,0,0" data-scene-in="screen.y#1s ease" data-scene-out="screen.y#1s ease">
    <div class="outerbox" style="background-color: #FFFFFF;" >
      <div class="innerbox">
      
      
      
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_25662782" data-widget-key="item_picture_s"  data-widget-id="25662782" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="25662782" style="width:640px; height:542px; z-index:1; left:0px; top:0px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2015/12/09/17/22_038363cab12ed0ac9cdb052aa09574dd.jpg" style=";"></div>
        </div>
    	
      
      
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_25662783" data-widget-key="item_picture_s"  data-widget-id="25662783" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="25662783" style="width:640px; height:478px; z-index:2; left:0px; top:526px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2015/12/09/17/22_08a9fdd69f53c39af5e0a71f3cc4a987.png" style=";"></div>
        </div>
    	
      
      
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_25662784" data-widget-key="item_picture_s"  data-widget-id="25662784" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="25662784" style="width:541px; height:209px; z-index:3; left:49px; top:579px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2015/12/09/17/22_35d85698baf26b2c6dd344aefeda2ef5.png" style=";"></div>
        </div>
    	
      
      
      
  		
  	  	     <!-- 图片按钮 -->
    		 <div class="widget widget-image-button" id="widget_25662785" data-widget-id="25662785" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="25662785" data-widget-key="item_comment" style="width:219px; height:69px; z-index:4; left:215px; top:836px;" data-action="Action://event/redirect#drawer,25662785">
      			  <div data-plugin-animate="1" class="widget-box" style=";-webkit-transform: rotate(0deg);transform: rotate(0deg);"><img data-lazy="src!http://file2.zuiku.com/2015/12/09/17/22_a8c5197f5887c538e6b18015511a24e2.png"></div>
     		</div>
  	  	
     <div class="widget-drawer hide" data-linked="25662785">
       <h2 class="flexbox center middle" style="background-color:rgba(255,153,0,.80); color:#FFFFFF;">圣诞祝福<del data-action="Action://event/redirect#drawer,25662785"></del></h2>
       <div class="widget-drawer-viewer" data-shift="80" data-over="80">
         <div class="widget-drawer-body">
          <form action="/show/values/submit" method="post" name="item_form_submit_25662785" id="item_form_submit_25662785">
                 <input type="hidden" value='595262' name='appId'/>
                 <input type="hidden" value='25662785' name='screenItemId'/>
                 <input type="hidden" value='180765' name='itemCommentId'/>
               
                <ul class="widget-form">
  	               
                       <li><input id="itemCommentName" name="itemCommentName" type="text" required data-empty="请输入姓名" placeholder="点击输入姓名"></li>
                       
                        
                        
              		  <li><textarea id="itemCommentInfo" name="itemCommentInfo" rows="3" required data-empty="请输入内容" placeholder="点击输入内容"></textarea></li>
                       
            	  		 <li><button type="button" data-action="Action://form/submit#comment" data-resultset="/show/values/list?itemCommentId=180765" style="background-color:rgba(255,153,0,.80); color:#FFFFFF;">提交</button></li>
          		 </ul>
         			  <div class="widget-form-resultset">
                  <script type="text/template">
                   <dd><p><em>#{itemCommentName}</em><code>#{itemFormValueAddTime}</code></p><p>#{itemCommentInfo}</p></dd>

                  </script>
                  <dl>
                    <dt>最新留言 <em>（共<b>0</b>条）</em></dt>
                  </dl>
                </div>
           </form>
         </div>
       </div>
     </div>
  	
      
      
      </div>
    </div>
  </section>
  
   
  
  <section class="hide" data-screen-id="3647134" data-screen-index="0" data-display="visible" data-screen-lock="2" data-animate="" data-scene-in="screen.y#1s ease" data-scene-out="screen.y#1s ease">
    <div class="outerbox" style="background-color: #dddddd;" >
      <div class="innerbox">
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_17158466" data-widget-key="item_picture_s"  data-widget-id="17158466" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="17158466" style="width:265px; height:290px; z-index:1; left:188px; top:109px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2016/01/22/19/8_8be5585fa38119e9da3c0e4a02b6f578.png" style=";"></div>
        </div>      
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_17158601" data-widget-key="item_picture_s"  data-widget-id="17158601" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="17158601" style="width:237px; height:237px; z-index:2; left:201px; top:122px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2015/12/09/16/22_eab9f1e67763b2ad38892c140ab04778.jpg" style="border-radius:220px;;"></div>
        </div>
          
      
       <!-- 图片 -->
        <div class="widget widget-image" id="widget_17158611" data-widget-key="item_picture_s"  data-widget-id="17158611" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="17158611" style="width:361px; height:114px; z-index:3; left:140px; top:661px;" >
          <div data-plugin-animate="1" class="widget-box"  style="opacity:1.00;-webkit-transform: rotate(0deg);transform: rotate(0deg);" ><img data-lazy="src!http://file2.zuiku.com/2016/01/22/19/8_80d00dac56ad4ae32d185515a0f2a034.png" style=";"></div>
        </div>
  	    
       
       <!-- 文本 -->
        <div class="widget widget-text" id="widget_17158808" data-widget-key="item_text_s" data-widget-id="17158808" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="17158808" style="width:572px; height:65px; z-index:7; left:34px; top:416px;" >
          <div data-plugin-animate="1" class="widget-box" style=";overflow: initial;padding-top:0px;line-height:1.6;-webkit-transform: rotate(0deg);transform: rotate(0deg);"><p style="text-align: center;"><span style="font-size: 36px;">Merry Christmas</span></p></div>
        </div>
       
       <!-- 文本 -->
        <div class="widget widget-text" id="widget_17158924" data-widget-key="item_text_s" data-widget-id="17158924" data-widget-display="visible" data-animate-state="running" data-widget-srcdisplay="visible" data-animate-srcstate="running" data-plugin-animate="1" data-animate-key="17158924" style="width:544px; height:60px; z-index:8; left:48px; top:538px;" >
          <div data-plugin-animate="1" class="widget-box" style="; ;padding-top:0px;line-height:1.8;-webkit-transform: rotate(0deg);transform: rotate(0deg);"><p style="text-align: center;">作者：最酷用户</p></div>
        </div>
       
      </div>
    </div>
  </section>
 

  
  <div class="widget-drawer hide double" data-linked="report">
    <h2 class="flexbox center middle">举报<del data-action="Action://event/redirect#drawer,report"></del></h2>
    <div class="widget-drawer-viewer" data-shift="80" data-over="80">
      <div class="widget-drawer-body">
        <form action="/" method="post" name="reportForm" id="reprotForm" data-options-merge=",">
            <input type="hidden" value='1' name="contentTipOffSourceType" >
            <input type="hidden" value='595262' name='contentTipOffSourceId'/>
            <input type="hidden" value='' name="contentTipOffUrl" />
            <ul class="widget-form">
              <li>
                <label class="wf-w100"><input type="radio" name="reportItem" value="1">色情低俗</label>
                <label class="wf-w100"><input type="radio" name="reportItem" value="2">政治谣言</label>
                <label class="wf-w100"><input type="radio" name="reportItem" value="3">恶意营销（虚假红包、诱导分享、内容不实）</label>
                <label class="wf-w100"><input type="radio" name="reportItem" value="4">素材侵权（图片、音乐、视频）</label>
                <label class="wf-w100"><input type="radio" name="reportItem" value="5">肖像侵权（头像、人物）</label>
                <label class="wf-w100"><input type="radio" name="reportItem" value="6">其他侵权（文案、冒名、诽谤、抄袭）</label>
              </li>
              <li><input type="text" name="reportTel" placeholder="联系电话"></li>
              <li><textarea name="reportContent" rows="3" placeholder="点击输入内容"></textarea></li>
              <li>
                <button type="button" data-action="Action://form/submit#report">确定提交</button>
              </li>
            </ul>
          </form>
      </div>
    </div>
  </div>
  
  <!-- 背景音乐 -->
  <div class="scene-audio rt" data-action="Action://app/audio/toggle">
    <div class="scene-audio-pointer"></div>
    <div class="scene-audio-disk"></div>
  </div>
  <!--end-->
  
  <div class="icon-arrow-up" data-arrow="1" data-type="arrow">
     <i class="ani-up1"></i>
  </div>
  
</article>
<header class="webapp-header" id="header">zuiku.com Web App</header>
<footer class="webapp-footer" id="footer">&copy;zuiku.com 2015</footer>
<script type="text/templates" id="tpl_answer_result">
  <div class="answer-result">
     <h1>恭喜您！</h1>
     <p>共 <b>#{total}</b> 题，您答对了 <b>#{right}</b> 道题，</p>
     <p>正确率为 <b>#{rate}%</b></p>
     <p><a href="#" data-action="Action://plugin/qa/again">再来一次</a><a href="#" data-action="Action://plugin/qa/over">结束答题</a></p>
  </div>
</script>
<div class="widget-layer no-padding masklayer hide" data-linked="answer_result">
  <div class="widget-layer-body flexbox center middle">
    <!-- box -->
  </div>
</div>
<script>
(function(){
var ImageLoader = window["ImageLoader"] = function(){
    this.images = [];
    this.counter = {
        success: 0,
        failed: 0
    };
    this.percentNode = document.querySelector('[data-imageloader="percent"]');
};

ImageLoader.prototype = {
    quite: {
        images: [],
        add: function(url){
            this.images.push(url);
            return this;
        },
        request: function(url){
            var img = new Image();

            img.src = url;
        },
        load: function(start){
            var imgs = this.images;
            var size = imgs.length;

            var startIndex = start || 0;
            var endIndex = startIndex + 20;

            if(size > 0){
                for(var i = startIndex; i < endIndex && i < size; i++){
                    setTimeout((function(_this, _url){
                        return function(){
                            _this.request(_url);
                        }
                    })(this, imgs[i]), 0);
                }

                if(endIndex < size){
                    setTimeout((function(_this, end){
                        return function(){
                            _this.load(end);
                        };
                    })(this, endIndex), 50);
                }
            }
        }
    },
    add: function(url){
        this.images.push(url);
        return this;
    },
    notify: function(key){
        this.counter[key]++;

        var counter = this.counter;
        var size = this.images.length;
        var loaded = counter.success + counter.failed;
        var percent = Math.min(((loaded / size) * 100).toFixed(0), 100);
        var percentNode = this.percentNode;

        if(percentNode){
            percentNode.innerHTML = (percent + "%");
        }

        ImageLoader.complete = (loaded >= size);
    },
    load: function(){
        var imgs = this.images;
        var size = imgs.length;

        ImageLoader.startTime = (new Date().getTime());

        if(size > 0){
            for(var i = 0; i < size; i++){
                setTimeout((function(_this, _url){
                    return function(){
                        ImageLoader.loader(_this, _url);
                    }
                })(this, imgs[i]), 32);
            }
        }else{
            this.notify("success");
            ImageLoader.complete = true;
        }
    }
};

ImageLoader.start = 0;
ImageLoader.complete = false;
ImageLoader.Cache = {};

ImageLoader.loader = function(imageLoader, url){
    var img = new Image();

    img.onload = function(){
        imageLoader.notify("success");

        img = null;
    };

    img.onerror = function(){
        imageLoader.notify("failed");

        img = null;
    }

    img.src = url;
};
ImageLoader.timeout = function(){
    var end = (new Date().getTime());
    var diff = end - ImageLoader.start;

    return (diff >= 5000);
};
ImageLoader.preload = function(start){
    var colls = ImageLoader.collections;
    var item = null;
    var size = colls.length;
    var startIndex = start || 0;
    var endIndex = startIndex + 20;

    for(var i = startIndex; i < endIndex && i < size; i++){
        item = colls[i];

        ImageLoader.setLazyResource(item);
    }

    if(endIndex < size){
        setTimeout(function(){
            ImageLoader.preload(endIndex);
        }, 50);
    }
};
ImageLoader.setLazyResource = function(item){
    var type = item.type;
    var resource = item.resource;
    var node = item.node;

    if(node.hasAttribute("data-lazy")){
        if("src" == type){
            node.setAttribute("src", resource);
        }else if("bg" == type){
            node.style.backgroundImage = "url(" + resource + ")";
        }

        node.removeAttribute("data-lazy");
    }
};

ImageLoader.collections = (function(){
    var lazyNodes = document.querySelectorAll('[data-lazy]');
    var size = lazyNodes.length;
    var node = null;
    var conf = null;
    var items = [];

    for(var i = 0; i < size; i++){
        node = lazyNodes[i]

        conf = (function(attr){
            var splitIndex = attr.indexOf("!");
            var type = attr.substring(0, splitIndex);
            var resource = attr.substring(splitIndex + 1);

            return {
                "type": type,
                "resource": resource,
                "node": node
            };
        })(node.getAttribute("data-lazy"));

        items.push(conf);
    }

    return items;
})();

ImageLoader.getImageLoader = function(name){
    var loader = ImageLoader.Cache[name] || (ImageLoader.Cache[name] = new ImageLoader());

    return loader;
}
})();
</script>
<script>
var imageLoader = ImageLoader.getImageLoader("progress");  
imageLoader.add('http://file2.zuiku.com/2015/12/09/16/22_e99372dd331914549351746ed4247b67.jpg');
imageLoader.add('http://file2.zuiku.com/2015/12/09/16/22_0875f366141e3e3ae90a44e4d2ae8ccb.png');
imageLoader.add('http://file2.zuiku.com/2015/12/09/16/22_f02ff451bc6de1959d8511b21b3168e7.png');
imageLoader.add('http://file2.zuiku.com/2015/12/09/16/22_ed4d2c2d74e8bca7823854b03aedbe5b.png');
imageLoader.add('http://file2.zuiku.com/2015/12/09/16/22_d82cfa0d638bd94d61a81ffc33dac45b.png');
imageLoader.add('http://file2.zuiku.com/2015/12/09/16/22_8f7c710b538299c6ccdc762e791f11d5.png');
imageLoader.add('http://file2.zuiku.com/2015/12/09/16/22_b8f67f68613f2cb5fc9102afe9b7c208.png');
imageLoader.add('http://file2.zuiku.com/2015/12/09/16/22_9f95f30b2db3d1ce74f1f43021cac8b4.png');
imageLoader.add('http://file2.zuiku.com/2015/12/09/16/22_c8ea190db8786e718935730bfb4fffa2.png');
imageLoader.add('http://file2.zuiku.com/2015/12/09/16/22_9f95f30b2db3d1ce74f1f43021cac8b4.png');
imageLoader.add('http://file2.zuiku.com/2015/12/09/16/22_8f7c710b538299c6ccdc762e791f11d5.png');
imageLoader.load();

</script>

<script src="http://static.zuikuh5.com/v2/res/js/lib/z.mix.e82764cddda2e899a70084fa8200b8c9e894f5ce.js"></script>
<script>
var requireList = [];
requireList.push("logic/default/r2.1/app.45fb509003ece50c276d6f2666f4b3b2c8fa559f");
  
seajs.use(requireList, function(app){
    var timer = $.timer.getTimer("default", 60, {
        callback: function(_timer){
            if(ImageLoader.complete || ImageLoader.timeout()){
                var loading = $(".webapp-loading");

                if(loading.length > 0){
                    loading.addClass("hide");
                }

                _timer.stop();
                
                this.view.addClass("show");

                this.exec("load", []);
            }
        },
        context: $.app
    });

    timer.start();
    
      app.setSceneAudio("http://file2.zuiku.com/2017/01/17/14/169824_c1904eb860650be5271333744b1426f7.mp3", true);
    
    
    $.app.create("SCENE_APP_DEFAULT");
});
</script>
<script>ImageLoader.preload();</script>

<div style="display:none">

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