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,74 +55,83 @@
 }
 
 .float-layer {
-  height: 128px;
-  background: rgba(68, 68, 68, 0.95);
-  position: fixed;
-  width: 100%;
-  bottom: 0;
-  left: 0;
-  z-index: 9999;
-  padding: 20px 0;
-  .float-layer-left {
-    padding-left: 44px;
-    overflow: hidden;
-    float: left;
-    img {
-      height: 44px;
-      float: left;
-      margin-right: 20px;
-    }
-    p {
-      float: left;
-      font-size: 32px;
-      height: 88px;
-      line-height: 88px;
-      color: white;
-    }
-    .yoho-icon {
-      float: left;
-      margin-right: 10px;
-      font-size: 44px;
-      line-height: 88px;
-      width: 88px;
-      height: 88px;
-      text-align: center;
-      color: #fff;
-      border-radius: 20px;
-      background-image: linear-gradient(#323232, #0f0f0f);
-    }
-  }
+        height: 44PX;
+        background: rgba(68, 68, 68, 0.95);
+        position: fixed;
+        width: 100%;
+        bottom: 0;
+        left: 0;
+        z-index: 9999;
+        padding: 10PX 0;
+        box-sizing: content-box;
+
+        .float-layer-left {
+            padding-left: 22PX;
+            overflow: hidden;
+            float: left;
+
+            img {
+                height: 44PX;
+                float: left;
+                margin-right: 10PX;
+            }
+
+            p {
+                float: left;
+                font-size: 16PX;
+                height: 44PX;
+                line-height: 44PX;
+                color: white;
+            }
+
+            .yoho-icon {
+                float: left;
+                margin-right: 10PX;
+                font-size: 22PX;
+                line-height: 44PX;
+                width: 44PX;
+                height: 44PX;
+                text-align: center;
+                color: #fff;
+                border-radius: 10PX;
+                background-image: linear-gradient(#323232, #0f0f0f);
+            }
+        }
+
 }
+
 #float-layer-close {
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100px;
-  height: 100px;
-  .close-icon {
     position: absolute;
     left: 0;
     top: 0;
-    color: #C0C0C0;
-    z-index: 2;
-  }
+    width: 50PX;
+    height: 50PX;
+
+    .close-icon {
+        position: absolute;
+        left: 0;
+        top: 0;
+        color: #C0C0C0;
+        z-index: 2;
+    }
 }
+
 #float-layer-btn {
-  position: absolute;
-  top: 50%;
-  right: 15px;
-  font-size: 32px;
-  padding: 0 10px;
-  height: 54px;
-  line-height: 54px;
-  background: white;
-  border-radius: 5px;
-  margin-top: -26px;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5);
-  &:link,
-  &:visited,
-  &:hover,
-  &:actived {
-    color: #000;
-  }
+    position: absolute;
+    top: 50%;
+    right: 15PX;
+    font-size: 16PX;
+    padding: 0 10PX;
+    height: 27PX;
+    line-height: 27PX;
+    background: white;
+    border-radius: 5PX;
+    margin-top: -13PX;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5);
+    &:link,
+    &:visited,
+    &:hover,
+    &:actived {
+        color: #000;
+    }
 }
\ No newline at end of file