🏷️ 更新至3.0.0-RC-1 close #189, close #192, close #223, close #224, close #229, close 232, close #240

source/css/_layout/reward.styl

@@ -1,20 +1,18 @@
 .post-reward
-  margin: 75px auto 0
+  position: relative
+  margin-top: 4rem
   width: 100%
   text-align: center
 
   .reward-button
-    position: relative
-    z-index: 1
-    display: inline-block
-    width: 100px
+    padding: .5rem 1.2rem
     background: $light-blue
     color: $button-color
-    text-align: center
-    line-height: 36px
-    cursor: pointer
+    transition: all .4s
 
     &:hover
+      box-shadow: inset 9em 0 0 0 $theme-button-hover-color
+
       .reward-main
         display: block
 
@@ -22,17 +20,15 @@
       position: absolute
       bottom: 40px
       left: 0
+      z-index: 100
       display: none
-      margin: 0
       padding: 0 0 15px
       width: 100%
-      transition: all .6s
 
       .reward-all
         display: inline-block
-        margin: 0 0 0 -110px
-        padding: 20px 10px 8px
-        width: 320px
+        margin: 0
+        padding: 1rem .5rem
         border-radius: 4px
         background: $reward-pop-up-bg
 
@@ -61,14 +57,15 @@
           display: inline-block
           padding: 0 8px
           list-style-type: none
+          vertical-align: top
 
           img
-            position: relative
-            max-width: 130px
             width: 130px
-            border-radius: 3px
+            height: 130px
 
           .post-qr-code__desc
-            margin: -5px 0
+            padding-top: .4rem
+            width: 130px
             color: $reward-pop-up-color
             text-align: center
+            word-break: break-all