diff --git a/src/assets/images/card_secret_buy/buy_prompt.png b/src/assets/images/card_secret_buy/buy_prompt.png
new file mode 100644
index 0000000000000000000000000000000000000000..4d18ce78187a1ea16d8b899fc1c422b410920801
GIT binary patch
literal 786
zcmV+t1MU2YP)<h;3K|Lk000e1NJLTq000~S001Be1^@s60ks%H00001b5ch_0Itp)
z=>Px%%t=H+R7gwJ)=fwhVHgMS|1%?7ZsH~SxCu!IFC`d3MC@)R`{B4HUcy6Nf*`P{
zOZi2hL3OD}B02<JN?57Lo!O62XH@D^D4pt11YLwq9a3|5=Y3+w%$@ykSDX!++weZ`
z|2NOWyUR=1#G`3?Giqpv86E~C0JF@v9u9inRT@K;7DnU75dtPbsI~23qy$qi9P&(6
zl2tLNCZ^v5+)^U+lM?VYIR?gJv0XxPf8Quj$mxb~TidsC=!PA}Vs9D+r3N8U7Z`OL
zg)#6Gz?h3@*zfmzEmd0*9FObgC8B!(wwL?r+;wIw6R1ZCdL9?sR}|Ee#${&Q*$k9d
z%Mj)zCDb~SpHTp=o<^Ppk-P;EL`a(gNArI&1)!QRW&j-93bwwNCY6BaL~fQ1jKwA!
zg(QD=23t)LsdPg)yncFZpc>cDg6N5pAThezgWl1#Ogos+uL5+-QIK$@-S53y0yG8z
z3^@q`bWI6(ZWjf$q&~n*!%l*Nxi=j2{hgX^q|vxOK=hx3MBLl%FVUfzobCtn4JSv+
zjJ}Sb_h#`!lhpgc^bf)K)P0cD<79_mj3`0x#exnsP2bBhW&dS%I0^!bEBLj)D-c-7
z=KejUYTS4L!Uc!1KXKxr5;$&UTcA2IyAK)h5nxw!K%^yMHibg1Uo0@1FrE_7T_tQS
zc2o&?yD6HOItZ5Lh^%X0H6KAHw~&@FUNUg1n$mhUzalkmEEU`}tE5}^9W`mpgV9_i
z!xl@xJVg^Thl#{E7<;OT60l%0PFkll5_wzeu1_5T3wJIm$uj4@o0*L5oATG~tANaG
z?PsP%nV055q0mZ2SN#_g6FXg*nqd%%-{cr(dYSt=JAFUOO{pR<5{bCn^}ELago_0-
z_<7wnoc8&A`Ars-R|Kw(g-Lroa|X=k06G9z)B3<fk2?IGXW5c+-DTH*1OFil-DKuE
QK>z>%07*qoM6N<$g7BwW@c;k-

literal 0
HcmV?d00001

diff --git a/src/components/cardSecretBuy.vue b/src/components/cardSecretBuy.vue
index 80f1c18..4ffdc50 100644
--- a/src/components/cardSecretBuy.vue
+++ b/src/components/cardSecretBuy.vue
@@ -16,6 +16,14 @@
               <div class="type-price">{{ item.price }}元</div>
             </div>
           </div>
+          <div class="card-intro" v-if="cards_intro_list">
+            <div class="intro-title">
+              <div class="intro-prompt">卡密说明</div>
+            </div>
+            <div class="intro-content" v-for="(item, key) in cards_intro_list">
+              <div class="intro-line">{{ item }}</div>
+            </div>
+          </div>
         </div>
         <div class="card-search" v-if="tab==1">
           <div class="card-title">
@@ -58,6 +66,7 @@ export default {
 
       tab: 0,
       card_type_list: [],
+      cards_intro_list:"",
 
       inputValue: '',
       orderid: "",
@@ -73,7 +82,8 @@ export default {
     getCardSecretTypes: function () {
       this.$http.post(this.agent_url + "/h5_get_card_secret_types", {}).then(response => {
           if (response.data.status) {
-            this.card_type_list = response.data.data;
+            this.card_type_list = response.data.data.cardtypes;
+            this.cards_intro_list = response.data.data.cards_intro_list;
           } else {
             this.promptshow(response.data.info);
           }
@@ -210,7 +220,7 @@ export default {
 }
 
 .card-content {
-  padding: 20px 20px;
+  padding: 20px 20px 90px;
 }
 
 .card-title {
@@ -229,7 +239,7 @@ export default {
 .card-types {
   background: #fff;
   padding: 0 20px;
-  margin-top: 30px;
+  margin-top: 20px;
   border: 1px solid #F8F8F8;
   border-radius: 10px;
   box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
@@ -262,6 +272,34 @@ export default {
   background-size: 10%;
 }
 
+.card-intro{
+  font-size: 16px;
+}
+
+.intro-title{
+  margin-top: 5px;
+  line-height: 50px;
+  color: #747B8B;
+}
+
+.intro-prompt{
+  width: 50%;
+  padding-left: 20px;
+  background-image: url(../assets/images/card_secret_buy/buy_prompt.png);
+  background-repeat: no-repeat;
+  background-position: 0 50%;
+  background-size: 8%;
+}
+
+.intro-content{
+  line-height: 24px;
+}
+
+.intro-line{
+  margin-bottom: 5px;
+  color: #747B8B;
+}
+
 .card-order {
   width: 50%;
   display: inline-block;