diff --git a/app/index/view/mobile/article/detail.html b/app/index/view/mobile/article/detail.html
index 75b00dd5..f9f15828 100644
--- a/app/index/view/mobile/article/detail.html
+++ b/app/index/view/mobile/article/detail.html
@@ -50,7 +50,7 @@
                             {notempty name="sc.url.value"}href="{$sc.url.value}"{/notempty}>
                                 {eq name=":array_key_exists('triggered_qrcode', $sc)" value="true"}
                                 <img class="toggle_qrcode" src="{$sc.image.value}" />
-                                <div class="triggered_qrcode">
+                                <div class="triggered_qrcode wechat_code">
                                     <img src="{$sc.triggered_qrcode.value}" />
                                 </div>
                                 {else /}
diff --git a/public/static/index/mobile/css/article_detail.css b/public/static/index/mobile/css/article_detail.css
index a6bfe178..626969f7 100644
--- a/public/static/index/mobile/css/article_detail.css
+++ b/public/static/index/mobile/css/article_detail.css
@@ -196,6 +196,32 @@
 .oricoEGapp-articledetail .share_list .triggered_qrcode {
   display: none;
   position: absolute;
-  left: 50%;
+  left: 40%;
   transform: translateX(-50%);
+}
+.oricoEGapp-articledetail .wechat_code {
+  left: 3.8rem;
+  margin-top: 10px;
+  background-color: #fff;
+  color: #fff;
+  box-shadow: 0px 5px 20px 0px rgb(119 123 128 / 50%);
+  line-height: 24px;
+  padding: 20px 25px;
+  z-index: 999;
+  position: absolute;
+  font-size: 14px;
+  width: 202%;
+  color: #333;
+}
+.oricoEGapp-articledetail .wechat_code::before {
+  content: '';
+  position: absolute;
+  left: 32%;
+  top: -34%;
+  width: 10px;
+  height: 15px;
+  margin: 50px 25px;
+  transform: rotate(45deg);
+  background: #fff;
+  z-index: 0;
 }
\ No newline at end of file