add illustrate

dist/css/sale.css

@@ -538,6 +538,8 @@
 .tab-service,
 .tab-list {
   font-size: 0.74666667rem;
+}
+.tab-list {
   padding: 1.86666667rem 0.53333333rem 1.06666667rem;
 }
 .tab-service .row,
@@ -556,6 +558,25 @@
 .tab-list .row .info {
   color: #666;
 }
+.tab-service {
+  padding-top: 1.86666667rem;
+}
+.tab-service .row {
+  margin-right: 0.53333333rem;
+  margin-left: 0.53333333rem;
+}
+.service-illustrate {
+  font-size: 0.74666667rem;
+  border-top: 0.05333333rem solid #e2e2e2;
+}
+.service-illustrate > div {
+  padding: 0.8rem 0.64rem;
+  border-bottom: 0.05333333rem solid #d2d2d2;
+}
+.service-illustrate > div > h2 {
+  margin-bottom: 0.74666667rem;
+}
+
 .tab-work {
   padding: 0.53333333rem;
 }

src/pages/sale.html

@@ -159,6 +159,16 @@
                     <div class="label">套系有效时间:</div>
                     <div class="info"></div>
                 </div>
+                <div class="service-illustrate">
+                    <div class="list-inllustrate">
+                        <h2>其他说明</h2>
+                        <p>美得很美得很</p>
+                    </div>
+                    <div class="other-illustrate">
+                        <h2>套系说明</h2>
+                        <p>美得很美得很</p>
+                    </div>
+                </div>
             </div>
             <div class="tab-list">
                 <div class="row">