diff --git a/src/components/market/ChipBuyDialog.vue b/src/components/market/ChipBuyDialog.vue
index 0958eda..c1a358c 100644
--- a/src/components/market/ChipBuyDialog.vue
+++ b/src/components/market/ChipBuyDialog.vue
@@ -82,8 +82,12 @@
           <div class="progress-content">
             <div class="progress">
               <div class="approve-progress"></div>
-              <div class="boder"></div>
-              <div class="buy-progress"></div>
+              <div :class="isApprove == true ? 'boder-active' : 'boder'"></div>
+              <div
+                :class="
+                  isApprove == true ? 'buy-progress-active' : 'buy-progress'
+                "
+              ></div>
             </div>
 
             <div class="progress-neme">
@@ -95,7 +99,7 @@
       </div>
       <div class="pending">
         <div class="pending-order" @click="haldBuy">
-          {{ isApprove == true ? "CONFIRM" : "PEBDING ORDER" }}
+          CONFIRM
         </div>
         <div class="confirm">CONFIRM</div>
       </div>
@@ -177,6 +181,7 @@ export default {
         if (nftres.status == true) {
           this.hideLoading();
           this.$emit("handMessage", 1);
+           this.closeTip()
         }
         console.log(nftres, "beginBuy");
       } catch (err) {
@@ -288,7 +293,8 @@ export default {
         .priece-btn {
           width: 148px;
           height: 52px;
-          font-size: 25px;
+          font-size: 21px;
+          text-align: right;
           font-weight: bold;
           margin-top: 21px;
           line-height: 52px;
@@ -296,7 +302,8 @@ export default {
           background: url("../../assets/market/hero/price.png") no-repeat;
           background-size: 100% 100%;
           .priece-number {
-            margin-left: 46px;
+            // margin-left: 46px;
+            margin-right: 10px;
           }
         }
       }
@@ -385,6 +392,18 @@ export default {
           border: 2px solid #557cda;
           border-radius: 50%;
         }
+         .boder-active {
+          width: 250px;
+          height: 2px;
+          background: rgba(43, 204, 237, 1);
+          border-radius: 1px;
+        }.buy-progress-active {
+          width: 17px;
+          height: 17px;
+          background: rgba(43, 204, 237, 1);
+          border: 2px solid #557cda;
+          border-radius: 50%;
+        }
       }
       .progress-neme {
         display: flex;
diff --git a/src/components/market/Chipdialog.vue b/src/components/market/Chipdialog.vue
index 1c8d013..3849877 100644
--- a/src/components/market/Chipdialog.vue
+++ b/src/components/market/Chipdialog.vue
@@ -449,8 +449,9 @@ export default {
   .price {
     width: 187px;
     height: 66px;
-    font-size: 32px;
+    font-size: 27px;
     position: relative;
+    text-align: right;
     font-family: "Arciform";
     margin-right: 20px;
     color: #ffffff;
@@ -458,7 +459,8 @@ export default {
     background-size: contain;
     .price-number {
       line-height: 66px;
-      margin-left: 60px;
+      margin-right: 10px;
+      // margin-left: 60px;
     }
   }
   .mynft {
diff --git a/src/components/market/HeroBuyDialog.vue b/src/components/market/HeroBuyDialog.vue
index ee76eae..f8ae866 100644
--- a/src/components/market/HeroBuyDialog.vue
+++ b/src/components/market/HeroBuyDialog.vue
@@ -25,8 +25,12 @@
           <div class="progress-content">
             <div class="progress">
               <div class="approve-progress"></div>
-              <div class="boder"></div>
-              <div class="buy-progress"></div>
+              <div :class="isApprove == true ? 'boder-active' : 'boder'"></div>
+              <div
+                :class="
+                  isApprove == true ? 'buy-progress-active' : 'buy-progress'
+                "
+              ></div>
             </div>
 
             <div class="progress-neme">
@@ -37,9 +41,7 @@
         </div>
       </div>
       <div class="pending">
-        <div class="pending-order" @click="haldBuy">
-          {{ isApprove == true ? "CONFIRM" : "PEBDING ORDER" }}
-        </div>
+        <div class="pending-order" @click="haldBuy">CONFIRM</div>
         <div class="confirm">CONFIRM</div>
       </div>
     </div>
@@ -117,6 +119,7 @@ export default {
         if (nftres.status == true) {
           this.hideLoading();
           this.$emit("handMessage", 1);
+          this.closeTip();
         }
       } catch (err) {
         this.hideLoading();
@@ -322,6 +325,19 @@ export default {
           background: #cfdcff;
           border-radius: 1px;
         }
+        .boder-active {
+          width: 250px;
+          height: 2px;
+          background: rgba(43, 204, 237, 1);
+          border-radius: 1px;
+        }
+        .buy-progress-active {
+          width: 17px;
+          height: 17px;
+          background: rgba(43, 204, 237, 1);
+          border: 2px solid #557cda;
+          border-radius: 50%;
+        }
         .buy-progress {
           width: 17px;
           height: 17px;
diff --git a/src/components/market/Piecedialog.vue b/src/components/market/Piecedialog.vue
index 55f3cb1..d3f80f8 100644
--- a/src/components/market/Piecedialog.vue
+++ b/src/components/market/Piecedialog.vue
@@ -388,8 +388,9 @@ export default {
   .price {
     width: 201px;
     height: 71px;
-    font-size: 32px;
+    font-size: 28px;
     position: relative;
+    text-align: right;
     font-family: "Arciform";
     margin-right: 20px;
     color: #ffffff;
@@ -397,7 +398,8 @@ export default {
     background-size: 100% 100%;
     .price-number {
       line-height: 71px;
-      margin-left: 65px;
+      // margin-left: 65px;
+      margin-right: 10px;
     }
   }
   .mynft {
diff --git a/src/components/market/WeaponBuyDialog.vue b/src/components/market/WeaponBuyDialog.vue
index 1f94cf3..4ba76a4 100644
--- a/src/components/market/WeaponBuyDialog.vue
+++ b/src/components/market/WeaponBuyDialog.vue
@@ -56,8 +56,12 @@
           <div class="progress-content">
             <div class="progress">
               <div class="approve-progress"></div>
-              <div class="boder"></div>
-              <div class="buy-progress"></div>
+             <div :class="isApprove == true ? 'boder-active' : 'boder'"></div>
+              <div
+                :class="
+                  isApprove == true ? 'buy-progress-active' : 'buy-progress'
+                "
+              ></div>
             </div>
 
             <div class="progress-neme">
@@ -69,7 +73,7 @@
       </div>
       <div class="pending">
         <div class="pending-order" @click="haldBuy">
-          {{ isApprove == true ? "CONFIRM" : "PEBDING ORDER" }}
+          CONFIRM 
         </div>
         <div class="confirm">CONFIRM</div>
       </div>
@@ -147,6 +151,7 @@ export default {
         if (nftres.status == true) {
           this.hideLoading();
           this.$emit("handMessage", 1);
+           this.closeTip()
         }
       } catch (err) {
         this.hideLoading();
@@ -379,6 +384,18 @@ export default {
           border: 2px solid #557cda;
           border-radius: 50%;
         }
+         .boder-active {
+          width: 250px;
+          height: 2px;
+          background: rgba(43, 204, 237, 1);
+          border-radius: 1px;
+        }.buy-progress-active {
+          width: 17px;
+          height: 17px;
+          background: rgba(43, 204, 237, 1);
+          border: 2px solid #557cda;
+          border-radius: 50%;
+        }
       }
       .progress-neme {
         display: flex;