new

 {{#showDownloadApp}}
-<div class="float-layer" id="float-layer-app">
+<div class="float-layer hide" id="float-layer-app">
     <div class="float-layer-left">
         <span class="yoho-icon iconfont">&#xe60d;</span>
         <p>新用户送惊喜礼包</p>
@@ -8,7 +8,7 @@
         <i class="close-icon iconfont">&#xe623;</i>
         <div class="circle-rightbottom"></div>
     </a>
-    <a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.yoho" id="float-layer-btn">
+    <a href="javascript:void(0);" id="float-layer-btn">
         立即下载
     </a>
 </div>

@@ -25,7 +25,7 @@ function getQueryString(name) {
 }
 
 function downLoadApp() {
-    var appUrl = 'http://union.yoho.cn/union/downapp.html';
+    var appUrl = 'http://www.yohoshow.com/about/index/yohobuyqr/';
     var clickedAt = new Date();
 
     setTimeout(function() {

@@ -55,50 +55,58 @@
 }
 
 .float-layer {
-  height: 128px;
+        height: 44PX;
         background: rgba(68, 68, 68, 0.95);
         position: fixed;
         width: 100%;
         bottom: 0;
         left: 0;
         z-index: 9999;
-  padding: 20px 0;
+        padding: 10PX 0;
+        box-sizing: content-box;
+
         .float-layer-left {
-    padding-left: 44px;
+            padding-left: 22PX;
             overflow: hidden;
             float: left;
+
             img {
-      height: 44px;
+                height: 44PX;
                 float: left;
-      margin-right: 20px;
+                margin-right: 10PX;
             }
+
             p {
                 float: left;
-      font-size: 32px;
-      height: 88px;
-      line-height: 88px;
+                font-size: 16PX;
+                height: 44PX;
+                line-height: 44PX;
                 color: white;
             }
+
             .yoho-icon {
                 float: left;
-      margin-right: 10px;
-      font-size: 44px;
-      line-height: 88px;
-      width: 88px;
-      height: 88px;
+                margin-right: 10PX;
+                font-size: 22PX;
+                line-height: 44PX;
+                width: 44PX;
+                height: 44PX;
                 text-align: center;
                 color: #fff;
-      border-radius: 20px;
+                border-radius: 10PX;
                 background-image: linear-gradient(#323232, #0f0f0f);
             }
         }
+
 }
+
 #float-layer-close {
     position: absolute;
     left: 0;
     top: 0;
-  width: 100px;
-  height: 100px;
+    width: 50PX;
+    height: 50PX;
+
     .close-icon {
         position: absolute;
         left: 0;
@@ -107,17 +115,18 @@
         z-index: 2;
     }
 }
+
 #float-layer-btn {
     position: absolute;
     top: 50%;
-  right: 15px;
-  font-size: 32px;
-  padding: 0 10px;
-  height: 54px;
-  line-height: 54px;
+    right: 15PX;
+    font-size: 16PX;
+    padding: 0 10PX;
+    height: 27PX;
+    line-height: 27PX;
     background: white;
-  border-radius: 5px;
-  margin-top: -26px;
+    border-radius: 5PX;
+    margin-top: -13PX;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5);
     &:link,
     &:visited,