diff --git a/public/favicon.ico b/public/favicon.ico
index 5d4011d..179cf74 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/src/views/official/DataPay.vue b/src/views/official/DataPay.vue
index 803e598..1518ee3 100644
--- a/src/views/official/DataPay.vue
+++ b/src/views/official/DataPay.vue
@@ -4,6 +4,7 @@
             <el-col v-for="(item,index) in data"
                     :key="index"
                     :md="span"
+                    :offset="index==0?4:0"
                     :sm="12"
                     :xs="24"
             >
@@ -75,6 +76,7 @@
 
 <script>
 import CountTo from '@/components/CountTo'
+
 export default {
     name: 'DataPay',
     components: {CountTo},
@@ -104,93 +106,108 @@ export default {
 
 <style lang="scss" scoped>
 .data-pay .item {
-    margin: 0 auto;
-    padding-bottom: 16px;
-    width: 80%;
-    position: relative;
-    border-radius: 4px;
-    background-color: #fff;
-    min-height: 670px;
-    -webkit-box-shadow: 1px 2px 10px #eee;
-    box-shadow: 1px 2px 10px #eee;
+  margin: 0 auto;
+  padding-bottom: 16px;
+  width: 80%;
+  position: relative;
+  border-radius: 4px;
+  background-color: #fff;
+  min-height: 670px;
+  -webkit-box-shadow: 1px 2px 10px #eee;
+  box-shadow: 1px 2px 10px #eee;
 }
+
 .data-pay .top {
-    width: 100%;
-    height: 6px;
-    position: absolute;
-    top: 0;
-    left: 0;
-    border-radius: 4px 4px 0 0;
+  width: 100%;
+  height: 6px;
+  position: absolute;
+  top: 0;
+  left: 0;
+  border-radius: 4px 4px 0 0;
 }
+
 .data-pay .header {
-    margin-bottom: 40px;
-    text-align: center;
+  margin-bottom: 40px;
+  text-align: center;
 }
+
 .data-pay .title {
-    text-align: center;
-    padding: 20px 0 10px;
-    font-size: 20px;
-    font-weight: 200;
+  text-align: center;
+  padding: 20px 0 10px;
+  font-size: 20px;
+  font-weight: 200;
 }
+
 .data-pay .money span {
-    margin-right: 5px;
-    font-size: 14px;
+  margin-right: 5px;
+  font-size: 14px;
 }
+
 .data-pay .money .b {
-    margin-right: 2px;
-    font-size: 20px;
-    font-weight: 700;
+  margin-right: 2px;
+  font-size: 20px;
+  font-weight: 700;
 }
+
 .data-pay .money s {
-    margin-right: 3px;
-    font-size: 12px;
+  margin-right: 3px;
+  font-size: 12px;
 }
+
 .data-pay .money em {
-    font-size: 14px;
-    font-style: normal;
+  font-size: 14px;
+  font-style: normal;
 }
+
 .data-pay .img {
-    width: 50px;
+  width: 50px;
 }
+
 .data-pay .line {
-    width: 60%;
-    height: 1px;
-    background: rgba(150, 150, 150, 0.1);
-    margin: 20px auto;
+  width: 60%;
+  height: 1px;
+  background: rgba(150, 150, 150, 0.1);
+  margin: 20px auto;
 }
+
 .data-pay .btn {
-    display: block;
-    width: 120px;
-    height: 32px;
-    line-height: 32px;
-    margin: 0 auto;
-    text-align: center;
-    border-radius: 32px;
-    color: #fff;
-    cursor: pointer;
-    -webkit-transition: opacity 0.2s ease-in-out;
-    transition: opacity 0.2s ease-in-out;
+  display: block;
+  width: 120px;
+  height: 32px;
+  line-height: 32px;
+  margin: 0 auto;
+  text-align: center;
+  border-radius: 32px;
+  color: #fff;
+  cursor: pointer;
+  -webkit-transition: opacity 0.2s ease-in-out;
+  transition: opacity 0.2s ease-in-out;
 }
+
 .data-pay .list-item {
-    list-style: none;
-    padding-left: 20px;
-    margin-bottom: 12px;
-    color: #666;
-    font-size: 14px;
+  list-style: none;
+  padding-left: 20px;
+  margin-bottom: 12px;
+  color: #666;
+  font-size: 14px;
 }
+
 .data-pay .list-item a {
-    color: #666;
+  color: #666;
 }
+
 .data-pay .list-item-icon {
-    color: #515a6e;
-    margin-right: 8px;
+  color: #515a6e;
+  margin-right: 8px;
 }
+
 .data-pay .list-item--link {
-    font-size: 12px;
-    color: #2d8cf0;
+  font-size: 12px;
+  color: #2d8cf0;
 }
+
 .data-pay .list-item--no,
 .data-pay .list-item--no + span {
-    color: #c5c8ce;
+  color: #c5c8ce;
 }
 </style>
diff --git a/src/views/official/PayService.vue b/src/views/official/PayService.vue
index 0e1d5db..363d15f 100644
--- a/src/views/official/PayService.vue
+++ b/src/views/official/PayService.vue
@@ -27,7 +27,7 @@ export default {
                         color: '#2054F0FF',
                         subtext: '购买',
                         click: function() {
-                            MessageBox.alert('暂无', '添加客服微信', {
+                            MessageBox.alert('<img src="https://qiniu.smileyi.top/pay_qrcode1.jpg"/>', '添加客服微信', {
                                 dangerouslyUseHTMLString: true
                             })
                         },
@@ -45,30 +45,7 @@ export default {
                                 check: true
                             },
                             {
-                                title: '稳定部署，专业团队',
-                                check: true
-                            },
-                            {
-                                title: 'XXXX',
-                                check: true
-                            },
-                            {
-                                title: 'XXXX',
-                                check: true
-                            },
-                            {
-                                title: 'XXX',
-                                check: true
-                            },
-                            {
-                                title: 'XXXX',
-                                check: true
-                            },
-                            {
-                                title: 'XXXX',
-                                check: true
-                            }, {
-                                title: 'XXXX',
+                                title: '服务稳定，持久耐用',
                                 check: true
                             }
                         ]
@@ -81,7 +58,7 @@ export default {
                         tip: '/起',
                         subtext: '购买',
                         click: function() {
-                            MessageBox.alert('暂无', '添加客服微信', {
+                            MessageBox.alert('<img src="https://qiniu.smileyi.top/pay_qrcode2.jpg"/>', '添加客服微信', {
                                 dangerouslyUseHTMLString: true
                             })
                         },
@@ -97,34 +74,6 @@ export default {
                             {
                                 title: '效果满意，价格美丽',
                                 check: true
-                            },
-                            {
-                                title: 'XXXXX',
-                                check: true
-                            },
-                            {
-                                title: 'xXXXXX',
-                                check: true
-                            },
-                            {
-                                title: 'XXXXX',
-                                check: true
-                            },
-                            {
-                                title: 'XXXX',
-                                check: true
-                            },
-                            {
-                                title: 'XXXX',
-                                check: true
-                            },
-                            {
-                                title: 'XXXX',
-                                check: true
-                            },
-                            {
-                                title: 'XXXXX',
-                                check: true
                             }
                         ]
                     }]