diff --git a/src/assets/images/item_count.jpg b/src/assets/images/item_count.jpg
index f065dd6..93c193b 100644
Binary files a/src/assets/images/item_count.jpg and b/src/assets/images/item_count.jpg differ
diff --git a/src/views/HomeWx.vue b/src/views/HomeWx.vue
index cbd9a73..16b2c50 100644
--- a/src/views/HomeWx.vue
+++ b/src/views/HomeWx.vue
@@ -253,57 +253,139 @@
                 display: flex;
                 justify-content: center;
             }
-        ;
-
-            .box-qr-code {
-                width: 90%;
-                text-align: right;
-                height: 3.66667rem;
-                background-color: #ff976a;
-                border-radius: 10px;
-                background: url("../assets/images/item_code.png");
-                background-size: cover;
-
-                .box-qr-code-text {
-                    margin: 0.35rem 0.5rem 0 0;
-                    display: block;
-                    font-size: 17px
-                }
-            }
 
-            .box-info {
-                width: 52%;
-                text-align: right;
-                height: 3.66667rem;
-                background-color: #ff976a;
-                border-radius: 10px;
-                background: url("../assets/images/item_check.png");
-                background-size: cover;
-
-                .box-info-text {
-                    margin: 0.35rem 0.5rem 0 0;
-                    display: block;
-                    font-size: 17px
-                }
+          .box-qr-code {
+            position: relative;
+            margin: 2% 0;
+            width: 90%;
+            height: 3.66667rem;
+            text-align: right;
+            border-radius: 10px;
+
+            .box-qr-code-text {
+              position: absolute;
+              z-index: 10;
+              top: 10%;
+              right: 0.35rem;
+              display: block;
+              font-size: 0.5rem;
             }
-
-            .box-complaint {
-                width: 36%;
-                text-align: right;
-                height: 3.66667rem;
-                background-color: #ff976a;
-                border-radius: 10px;
-                margin-left: 2%;
-                background: url("../assets/images/item_complain.png");
-                background-size: cover;
-
-                .box-complaint-text {
-                    margin: 0.35rem 0.5rem 0 0;
-                    display: block;
-                    font-size: 17px
-                }
+          }
+          .box-qr-code::before {
+            content: "";
+            position: absolute;
+            top: -5px;
+            left: -5px;
+            z-index: 0;
+            width: calc(100% + 4px);
+            height: calc(100% + 4px);
+            background-color: #fff;
+            border: 5px solid rgba(255,255,255,0.5);
+            border-radius: 10px;
+          }
+
+          .box-qr-code::after {
+            content: "";
+            position: absolute;
+            top: 0;
+            left: 0;
+            z-index: 1;
+            width: 100%;
+            height: 100%;
+            border-radius: 10px;
+            background: #fff url("../assets/images/item_code.jpg") no-repeat left;
+            background-size: auto 100%;
+            border: 1px solid #8db4ff;
+          }
+
+          .box-info {
+            position: relative;
+            margin-right: 2%;
+            width: 50%;
+            height: 3.66667rem;
+            text-align: right;
+            border-radius: 10px;
+
+            .box-info-text {
+              position: absolute;
+              z-index: 10;
+              top: 10%;
+              right: 0.35rem;
+              display: block;
+              font-size: 0.5rem;
+            }
+          }
+          .box-info::before {
+            content: "";
+            position: absolute;
+            top: -5px;
+            left: -5px;
+            z-index: 0;
+            width: calc(100% + 4px);
+            height: calc(100% + 4px);
+            background-color: #fff;
+            border: 5px solid rgba(255,255,255,0.5);
+            border-radius: 10px;
+          }
+
+          .box-info::after {
+            content: "";
+            position: absolute;
+            top: 0;
+            left: 0;
+            z-index: 1;
+            width: 100%;
+            height: 100%;
+            border-radius: 10px;
+            background: #fff url("../assets/images/item_checkc.jpg") no-repeat left;
+            background-size: auto 100%;
+            border: 1px solid #8db4ff;
+          }
+
+          .box-complaint {
+            position: relative;
+            margin-left: 3%;
+            width: 35%;
+            height: 3.66667rem;
+            text-align: right;
+            border-radius: 10px;
+
+            .box-complaint-text {
+              position: absolute;
+              z-index: 10;
+              top: 10%;
+              right: 0.35rem;
+              display: block;
+              font-size: 0.5rem;
             }
+          }
         }
+      .box-complaint::before {
+        content: "";
+        position: absolute;
+        top: -5px;
+        left: -5px;
+        z-index: 0;
+        width: calc(100% + 4px);
+        height: calc(100% + 4px);
+        background-color: #fff;
+        border: 5px solid rgba(255,255,255,0.5);
+        border-radius: 10px;
+      }
+
+      .box-complaint::after {
+        content: "";
+        position: absolute;
+        top: 0;
+        left: 0;
+        z-index: 1;
+        width: 100%;
+        height: 100%;
+        border-radius: 10px;
+        background: #fff url("../assets/images/item_complain.jpg") no-repeat left;
+        background-size: auto 100%;
+        border: 1px solid #8db4ff;
+      }
 
         .recommend_box {
             .recommend_body {