手

application/app/view/index/share_detail.html

@@ -285,6 +285,7 @@
 		</div>
 		<div class="shop-list">
 			<!--<img src="/app/images/img_more@2x.png" alt="" />-->
+			<img src="/app/images/clik_shop_icon2.png" />
 		</div>
 
 		<!--<script src="/app/js/jquery.js"></script>-->

public/app/css/details_tl.css

@@ -445,28 +445,44 @@ body{
     right: .2rem;
     bottom: 2rem;
     height: 2rem;
-    width: 2.15rem;
+    width: 1.64rem;
     display: none;
-    background: url(/app/images/Artboard@1x.png) no-repeat 0 0;
-    background-size: 43rem 2rem;
-    animation: fly 1.25s steps(20) infinite;
-    -webkit-animation: fly 1.25s steps(20) infinite;
+    background: url(/app/images/clik_shop_icon1.png) no-repeat 0 0/1.64rem 1.78rem;
+}
+.shop-list>img{
+	width: .8rem;
+	height: .88rem;
+	position: absolute;
+	animation: fly 1.5s infinite;
+    -webkit-animation: fly 1.5s infinite;
 }
 @keyframes fly {
     0% {
-        background-position: 0 0;
+        bottom: 0;
+		right: -.1rem;
+    }
+    70% {
+        bottom: .3rem;
+		right: .14rem;
     }
     100% {
-        background-position: -43rem 0;
+        bottom: 0;
+		right: -.1rem;
     }
 }
 
 @-webkit-keyframes fly {
     0% {
-        background-position: 0 0;
+        bottom: 0;
+		right: -.1rem;
+    }
+    70% {
+        bottom: .3rem;
+		right: .14rem;
     }
     100% {
-        background-position: -43rem 0;
+        bottom: 0;
+		right: -.1rem;
     }
 }
 /*.shop-list img{