样式更改

@@ -4,33 +4,39 @@
         <div class="describe">
             {{{activityDescribe}}}
         </div>
+        <div class="title">
+            <span class="en-title">INVITATION QR CODE</span>
+            <span class="ch-title">方法一：扫描邀请二维码</span>
+        </div>
         <div class="code-outer">
             <div class="code-qr" qr-data="{{url}}"></div>
         </div>
     </div>
     <div class="invite-code invitation">
-        <div class="title"></div>
+       <div class="title color">
+            <span class="en-title">INVITATION CODE</span>
+            <span class="ch-title">方法二：使用邀请码</span>
+        </div>
         <div class="code-content">
             <div class="invite-content">
                 <span class="code">{{inviteCode}}</span>
                 {{#if isApp}}
                     <a class="copy" href='//m.yohobuy.com/?openby:yohobuy={"action":"go.copy","params":{"text":"{{inviteCode}}","message":"复制成功"}}'>复制</a>
-                {{else}}
-                    <span class="copy">复制</span>
                 {{/if}}
             </div>
             <p class="info">1.复制您的邀请码 2.粘贴给您的朋友</p>
         </div>
     </div>
     <div class="invite-link invitation">
-        <div class="title"></div>
+        <div class="title color">
+            <span class="en-title">INVITATION LINK</span>
+            <span class="ch-title">方法三：使用邀请链接</span>
+        </div>
         <div class="code-content">
             <div class="invite-content">
                 <span class="code">{{url}}</span>
                 {{#if isApp}}
                     <a class="copy" href='//m.yohobuy.com/?openby:yohobuy={"action":"go.copy","params":{"text":"{{copyUrl}}","message":"复制成功"}}'>复制</a>
-                {{else}}
-                    <span class="copy">复制</span>
                 {{/if}}
             </div>
             <p class="link-info">

@@ -10,39 +10,57 @@
         .describe {
             width: 100%;
             text-align: center;
-            color: #fff;
             font-size: 38px;
-            margin: 23px auto;
+            margin: 30px auto;
             font-family: SourceHanSansCN;
-            transform: rotate(-2deg);
+            transform: rotate(-2.3deg);
             font-weight: 700;
             font-style: oblique;
-            letter-spacing: 4px;
+            color: #000;
+            line-height: 54px;
+            margin-left: 12px;
         }
 
         .code-outer {
-            width: 180px;
-            height: 180px;
+            width: 140px;
+            height: 140px;
             border: 2px solid #000;
-            margin-left: -90px;
             padding: 8px;
             background-color: #fff;
-            position: absolute;
-            top: 200px;
-            left: 50%;
+            margin: 16px 0 0 308px;
         }
 
         .code-qr {
-            width: 160px;
-            height: 160px;
+            width: 120px;
+            height: 120px;
         }
     }
 
-    .invitation {
-        .title {
-            height: 60px;
+    .title {
+        color: #fff;
+        font-family: SourceHanSansCN;
+        font-size: 23px;
+        width: 100%;
+
+        .ch-title {
+            display: block;
+            line-height: 34px;
+            text-align: center;
+            font-weight: 700;
+        }
+
+        .en-title {
+            font-size: 25px;
+            font-family: Avenir;
+            font-weight: 700;
+            display: block;
+            line-height: 34px;
+            text-align: center;
+            font-style: oblique;
         }
+    }
 
+    .invitation {
         .code-content {
             margin: 25px auto 50px;
             height: 207px;
@@ -110,19 +128,7 @@
         }
     }
 
-    .invite-code {
-        .title {
-            background-image: resolve("activity/expand-new/code-title.png");
-            background-size: 100%;
-            background-repeat: no-repeat;
-        }
-    }
-
-    .invite-link {
-        .title {
-            background-image: resolve("activity/expand-new/link-title.png");
-            background-size: 100%;
-            background-repeat: no-repeat;
-        }
+    .color {
+        color: #000;
     }
 }