diff --git a/src/assets/202202/nft/assault.png b/src/assets/202202/nft/assault.png
index 9268aaa..82bdfa9 100644
Binary files a/src/assets/202202/nft/assault.png and b/src/assets/202202/nft/assault.png differ
diff --git a/src/assets/202202/nft/button-get.png b/src/assets/202202/nft/button-get.png
index 80159c9..3775a2b 100644
Binary files a/src/assets/202202/nft/button-get.png and b/src/assets/202202/nft/button-get.png differ
diff --git a/src/assets/202202/nft/button.png b/src/assets/202202/nft/button.png
index 27ef7e9..d350a1f 100644
Binary files a/src/assets/202202/nft/button.png and b/src/assets/202202/nft/button.png differ
diff --git a/src/assets/202202/nft/cebg_banner3.png b/src/assets/202202/nft/cebg_banner3.png
index 4c24d30..5e58661 100644
Binary files a/src/assets/202202/nft/cebg_banner3.png and b/src/assets/202202/nft/cebg_banner3.png differ
diff --git a/src/assets/202202/nft/chip-bg.png b/src/assets/202202/nft/chip-bg.png
new file mode 100644
index 0000000..19ebc79
Binary files /dev/null and b/src/assets/202202/nft/chip-bg.png differ
diff --git a/src/assets/202202/nft/chip-blue.png b/src/assets/202202/nft/chip-blue.png
new file mode 100644
index 0000000..9d30919
Binary files /dev/null and b/src/assets/202202/nft/chip-blue.png differ
diff --git a/src/assets/202202/nft/chip-green.png b/src/assets/202202/nft/chip-green.png
new file mode 100644
index 0000000..9e4104f
Binary files /dev/null and b/src/assets/202202/nft/chip-green.png differ
diff --git a/src/assets/202202/nft/chip-orange.png b/src/assets/202202/nft/chip-orange.png
new file mode 100644
index 0000000..03f9e68
Binary files /dev/null and b/src/assets/202202/nft/chip-orange.png differ
diff --git a/src/assets/202202/nft/chip-purple.png b/src/assets/202202/nft/chip-purple.png
new file mode 100644
index 0000000..1c4f75b
Binary files /dev/null and b/src/assets/202202/nft/chip-purple.png differ
diff --git a/src/assets/202202/nft/chip.png b/src/assets/202202/nft/chip.png
index aa8a9f2..4d61648 100644
Binary files a/src/assets/202202/nft/chip.png and b/src/assets/202202/nft/chip.png differ
diff --git a/src/assets/202202/nft/close_btn.png b/src/assets/202202/nft/close_btn.png
index 5d8d170..a87f4ac 100644
Binary files a/src/assets/202202/nft/close_btn.png and b/src/assets/202202/nft/close_btn.png differ
diff --git a/src/assets/202202/nft/hero.png b/src/assets/202202/nft/hero.png
index 9e04208..b964087 100644
Binary files a/src/assets/202202/nft/hero.png and b/src/assets/202202/nft/hero.png differ
diff --git a/src/assets/202202/nft/reload.png b/src/assets/202202/nft/reload.png
index be9b548..8407d0a 100644
Binary files a/src/assets/202202/nft/reload.png and b/src/assets/202202/nft/reload.png differ
diff --git a/src/assets/202202/nft/sniper.png b/src/assets/202202/nft/sniper.png
index 448a744..604d8c6 100644
Binary files a/src/assets/202202/nft/sniper.png and b/src/assets/202202/nft/sniper.png differ
diff --git a/src/assets/202202/nft/weapon.png b/src/assets/202202/nft/weapon.png
index e0e8e92..109cbe4 100644
Binary files a/src/assets/202202/nft/weapon.png and b/src/assets/202202/nft/weapon.png differ
diff --git a/src/components/nft/ChipSection.vue b/src/components/nft/ChipSection.vue
index 5c1da44..f9e558a 100644
--- a/src/components/nft/ChipSection.vue
+++ b/src/components/nft/ChipSection.vue
@@ -6,7 +6,7 @@
         @dialog-show="showInfo"
       ></title-bar>
       <div class="nft-list">
-        <img v-for="c in datas" :key="c.name" :src="c.img" class="card" :alt="c.name"/>
+        <one-chip v-for="c in heroNames" :key="c" :data="c" class="card" />
       </div>
     </div>
   </section>
@@ -14,45 +14,29 @@
 
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator'
-import { Message } from 'element-ui'
 import TitleBar from '@/components/nft/TitleBar.vue'
-import { IHeroData } from '@/components/index/HeroScroller.vue'
 import { AppModule, DeviceType } from '@/store/modules/app'
+import OneChip from '@/components/nft/OneChip.vue'
 
 @Component({
   name: 'ChipSection',
   components: {
+    OneChip,
     TitleBar
   }
 })
 export default class extends Vue {
   private heroNames = [
-    'healing',
-    'lucky_value',
-    'reload',
-    'rate',
-    'rate_of_fire',
-    'attack',
-    'hp',
-    'vision',
-    'movement_speed'
+    'green',
+    'blue',
+    'orange',
+    'purple'
   ]
 
-  private datas:IHeroData[] = []
-
   get mobile() {
     return AppModule.device === DeviceType.Mobile
   }
 
-  mounted() {
-    for (let i = 0; i < this.heroNames.length; i++) {
-      this.datas.push({
-        name: this.heroNames[i],
-        img: require(`@/assets/202202/nft/${this.heroNames[i]}.png`)
-      })
-    }
-  }
-
   showInfo() {
     console.log('show info')
     this.$emit('dialog-show', true)
@@ -89,18 +73,19 @@ export default class extends Vue {
 }
 #chip-section.mobile{
   width: 100vw;
+  overflow: hidden;
   .section-container{
     width: 100vw;
+    padding: 0;
     .nft-list{
       grid-template-columns: repeat(2, 1fr);
       grid-row-gap: 5vw;
+      justify-content: space-around;
+      padding: 5vw;
       .card{
         width: 39vw;
         height: 40vw;
       }
-      .card:nth-child(even) {
-        margin-left: 3vw;
-      }
     }
   }
 }
diff --git a/src/components/nft/NftSection.vue b/src/components/nft/NftSection.vue
index a94e71b..ea97355 100644
--- a/src/components/nft/NftSection.vue
+++ b/src/components/nft/NftSection.vue
@@ -101,7 +101,7 @@ export default class extends Vue {
         height: 55vw;
       }
       .card:nth-child(odd) {
-        margin-right: -11vw;
+        margin-right: -4vw;
       }
       .card:nth-child(even) {
         margin-left: -3vw;
diff --git a/src/components/nft/OneChip.vue b/src/components/nft/OneChip.vue
new file mode 100644
index 0000000..79be220
--- /dev/null
+++ b/src/components/nft/OneChip.vue
@@ -0,0 +1,67 @@
+<template>
+  <div class="chip" :class="{'mobile': mobile}" >
+    <img :src="img" alt="chip">
+    <div class="title">{{title}}</div>
+  </div>
+</template>
+<script lang="ts">
+import { Component, Vue } from 'vue-property-decorator'
+import { AppModule, DeviceType } from '@/store/modules/app'
+
+@Component({
+  name: 'OneChip',
+  components: {
+  },
+  props: ['data']
+})
+export default class OneChip extends Vue {
+  get mobile() {
+    return AppModule.device === DeviceType.Mobile
+  }
+
+  get img() {
+    return require(`@/assets/202202/nft/chip-${this.data!}.png`)
+  }
+
+  get title() {
+    return `${this.data} quality`.toUpperCase()
+  }
+}
+</script>
+<style lang="scss" scoped>
+.chip{
+  width: 318px;
+  height: 320px;
+  background-image: url('../../assets/202202/nft/chip-bg.png');
+  background-repeat: no-repeat;
+  background-position: top;
+  background-size: 100% 100%;
+  display: flex;
+  flex-direction: column;
+  img{
+    width: 230px;
+    height: 246px;
+    margin: 10px auto 1px;
+  }
+  .title{
+    font-size: 24px;
+    color: white;
+    line-height: 58px;
+    margin-left: 20px;
+  }
+}
+.chip.mobile{
+  width: 39vw;
+  height: 40vw;
+  img{
+    width: 28vw;
+    height: 30.75vw;
+    margin: 1.25vw auto 1px;
+  }
+  .title{
+    font-size: 4.3vw;
+    line-height: 7.25vw;
+    margin-left: 2.45vw;
+  }
+}
+</style>
diff --git a/src/components/nft/WeaponSection.vue b/src/components/nft/WeaponSection.vue
index cb2f239..1481b3d 100644
--- a/src/components/nft/WeaponSection.vue
+++ b/src/components/nft/WeaponSection.vue
@@ -87,6 +87,7 @@ export default class extends Vue {
 }
 #weapon-section.mobile{
   width: 100vw;
+  overflow: hidden;
   .section-container{
     width: 100vw;
     .nft-list{