修改邀请好友页面渐变文字在苹果手机不显示问题

microserviceUserH5/static/css/invite.css

@@ -113,20 +113,13 @@ ul, li {
   align-items: center;
 }
 .code-title-font {
-  background-image: -webkit-linear-gradient(bottom,rgba(250,215,46,1) 0%,rgba(255,247,222,1) 100%);
-  background-image: -moz-linear-gradient(bottom,rgba(250,215,46,1) 0%,rgba(255,247,222,1) 100%);
-  background-image: -ms-linear-gradient(bottom,rgba(250,215,46,1) 0%,rgba(255,247,222,1) 100%);
-  background-image: -o-linear-gradient(bottom,rgba(250,215,46,1) 0%,rgba(255,247,222,1) 100%);
-  background-image: linear-gradient(bottom,rgba(250,215,46,1) 0%,rgba(255,247,222,1) 100%);
-  -webkit-background-clip: text;
-  color: transparent;
-  font-size: 0.36rem;
-  margin: 0.54rem 0 0.34rem;
-  text-align: center;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-weight: 600;
+  width: 1.42rem;
+  height: 0.34rem;
+  background: url(../img/biaotiwenzi_pic.png) no-repeat;
+  background-size: 100% 100%;
+  margin-top: 0.54rem;
+  margin-bottom: 0.34rem;
+  position: relative;
 }
 .code-title-font::after, .code-title-font::before {
   content: '';
@@ -135,7 +128,14 @@ ul, li {
   height: 0.42rem;
   background: url('../img/diandian_da_icon@2x.png') no-repeat;
   background-size: 100% 100%;
-  margin: 0 0.58rem;
+  position: absolute;
+  top: -0.02rem;
+}
+.code-title-font::after {
+  right: -1.16rem;
+}
+.code-title-font::before {
+  left: -1.15rem;
 }
 .reward-second-title::before, .reward-second-title::after {
   content: '';

microserviceUserH5/vcloud/invite.html

@@ -39,7 +39,9 @@
                 <div id="goode"></div>
             </div>
             <div>
-                <div class="code-title-font">活动规则</div>
+                <div style="display: flex;justify-content: center;">
+                    <div class="code-title-font"></div>
+                </div>
                 <div class="tb-codes">
                     <p class="fw500 fs28">好友购机，买一送一</p>
                     <p class="fs26 mb45">被邀好友购买任意套餐，您可获其等额时长返现（仅限首单）；邀请越多返现越多，返现无上限；</p>