样式优化等

src/components/cme/change-card.vue

@@ -11,7 +11,7 @@
       </article>
       <article class="tip">
         <div class="left">
-          <img src="../../images/cme/phrase2/info.png" />
+          <div class="img-wrapper"><img src="../../images/cme/phrase2/info.png"/></div>
           <span>激活码用于学习课程，您可以从订单详情或您的实体卡查看激活码。激活码一旦使用，不可退回。</span>
         </div>
       </article>
@@ -138,14 +138,19 @@ export default {
       display: flex;
       line-height: 1.2;
       font-size: px2rem(12px);
-      img {
-        position: relative;
-        top: px2rem(1px);
-        width: px2rem(12px);
-        height: px2rem(12px);
-        // margin: px2rem(2px) px2rem(4px) 0 px2rem(1px);
+      .img-wrapper {
+        width: px2rem(20px);
+        // margin-right: px2rem(4px);
+        img {
+          position: relative;
+          top: px2rem(1px);
+          width: px2rem(12px);
+          height: px2rem(12px);
+        }
       }
+
       span {
+        display: inline-block;
         margin-left: px2rem(4px);
       }
       color: #979899;
@@ -178,6 +183,7 @@ export default {
       color: red;
       font-size: px2rem(12px);
     }
+
     img {
       position: absolute;
       top: px2rem(33px);