diff --git a/marketplace-test.zip b/marketplace-test.zip
new file mode 100644
index 0000000..5cec2f5
Binary files /dev/null and b/marketplace-test.zip differ
diff --git a/src/assets/img/cec_claim/Bitgetlogo.png b/src/assets/img/cec_claim/Bitgetlogo.png
index 4ba5dd1..3f11209 100644
Binary files a/src/assets/img/cec_claim/Bitgetlogo.png and b/src/assets/img/cec_claim/Bitgetlogo.png differ
diff --git a/src/components/layout/NavBar.vue b/src/components/layout/NavBar.vue
index a9c1867..88f74f4 100644
--- a/src/components/layout/NavBar.vue
+++ b/src/components/layout/NavBar.vue
@@ -356,9 +356,9 @@ const cecClaimLogout = async () => {
     // if(marketplaceStore.fireAddress) {
       marketplaceStore.fireAddress = ''
       marketplaceStore.fireToken = ''
+      location.reload()
     // } else {
       await new BlockChain().logout()
-      location.reload()
     // }
   } catch (e) {
     console.log(e)
diff --git a/src/components/notice/anomaly.vue b/src/components/notice/anomaly.vue
new file mode 100644
index 0000000..c886847
--- /dev/null
+++ b/src/components/notice/anomaly.vue
@@ -0,0 +1,52 @@
+<template>
+  <div class="anomaly">
+    <div class="anomaly-content">
+      <!-- <div class="notice-content-title">
+        <h2>Announcement on Handling the Ticket Anomaly Incident</h2>
+      </div> -->
+      <div class="anomaly-content-text">
+        <div>
+          <img src="@/assets/img/notice/Announcement01.jpg" alt="">
+        </div>
+      </div>
+      <div class="anomaly-content-table">
+        <div>
+          <img src="@/assets/img/notice/Announcement02.jpg" alt="">
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+
+</script>
+
+<style lang="scss" scoped>
+.anomaly {
+  .anomaly-content {
+    width: 1920px;
+    margin: 0 auto;
+    .anomaly-content-text {
+      div {
+        height: 1230px;
+        margin: 0 auto;
+        img {
+          width: 100%;
+          height: 100%;
+        }
+      }
+    }
+    .notice-content-table {
+      div {
+        height: 3708px;
+        margin: 0 auto;
+        img {
+          width: 100%;
+          height: 100%;
+        }
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/notice/cecClaim.vue b/src/components/notice/cecClaim.vue
new file mode 100644
index 0000000..9494767
--- /dev/null
+++ b/src/components/notice/cecClaim.vue
@@ -0,0 +1,114 @@
+<template>
+  <div class="claim">
+    <div class="content">
+      <div class="claim-title">
+        <h1>Request for $CEC New Listing on CoinMarketCap</h1>
+        <span>2024-08-25</span>
+      </div>
+      <div class="claim-line"></div>
+      <div class="claim-content">
+        <h4>Dear CoinMarketCap Team,</h4>
+        <div>
+          <p>We are writing to request the listing of our cryptocurrency, $CEC, on CoinMarketCap. We believe that listing $CEC will provide our community with greater visibility and access to our project’s information.</p>
+        </div>
+        <h4>Request Details and Proof of Authenticity:</h4>
+        <div>
+          <p>We kindly request that $CEC be listed on CoinMarketCap with the following details:</p>
+        </div>
+        <div class="flex">
+          <h5>•	Token Name:</h5> <p>&nbsp;CEC</p>
+        </div>
+        <div class="flex">
+          <h5>•	Official Website:</h5> <p>&nbsp;counterfire.games</p>
+        </div>
+        <div class="flex">
+          <h5>•	Twitter:</h5> <p>&nbsp;x.com/playCounterFire</p>
+        </div>
+        <div class="flex">
+          <h5>•	Discord:</h5> <p>&nbsp;discord.gg/counterfire</p>
+        </div>
+        <div>
+          <p>We appreciate your consideration of this request and look forward to having $CEC listed on CoinMarketCap. If you require any further information or clarification, please feel free to reach out to us.</p>
+        </div>
+        <div>
+          <p>Thank you for your support and collaboration.</p>
+        </div>
+        <div>
+          <h5>Best regards,</h5>
+        </div>
+        <div>
+          <p>CounterFire Team</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+
+</script>
+
+<style lang="scss" scoped>
+.claim {
+  color: #fff;
+  overflow: hidden;
+  .content {
+    width: 1199px;
+    margin: 0 auto;
+    margin-top: 80px;
+    .claim-title {
+      position: relative;
+      h1 {
+        text-align: center;
+        font-family: 'Anton';
+        font-weight: 400;
+        font-size: 36px;
+      }
+      span {
+        display: inline-block;
+        position: absolute;
+        right: 0px;
+        bottom: 0px;
+        font-family: 'Poppins';
+        font-weight: 600;
+        font-size: 24px;
+        color: #F3F0FF;
+      }
+    }
+    .claim-line {
+      width: 100%;
+      height: 4px;
+      margin: 20px 0;
+      background: url('src/assets/img/notice/Announcement line.png') no-repeat;
+      background-size: 100% 100%;
+    }
+    .claim-content {
+      width: 1199px;
+      margin: 0 auto;
+      h4 {
+        font-family: 'Poppins';
+        font-weight: 700;
+        font-size: 24px;
+        margin: 20px 0;
+      }
+      div {
+        margin: 5px 0;
+        p {
+          font-family: 'Poppins-Regular';
+          font-weight: 400;
+          font-size: 18px;
+        }
+        h5 {
+          font-family: 'Poppins';
+          font-weight: 700;
+          font-size: 18px;
+        }
+      }
+      .flex {
+        display: flex;
+        align-items: center;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/ClaimView.vue b/src/views/ClaimView.vue
index e0877e0..06b7c8b 100644
--- a/src/views/ClaimView.vue
+++ b/src/views/ClaimView.vue
@@ -84,7 +84,48 @@
           </li>
         </div>
       </div>
-
+      <div class="content" v-else-if="address && cecUserStatus == -1">
+        <div class="content-tips">
+          You have no CEC available to claim.
+        </div>
+        <div class="content-btn">
+          <span class="btn login-btn" @click="connectLogout">Logout</span>
+        </div>
+        <div class="content-time">
+          <li>
+            <div class="left">
+              <div>
+                <img src="@/assets/img/cec_claim/Bitgetlogo.png" alt="">
+              </div>
+              <span>Deposit to Bitget</span>
+            </div>
+            <div class="right">
+              <span>Aug 30, 18:00 - Sep 3, 18:00 </span>
+              <div class="tips">
+                <img src="@/assets/img/cec_claim/Icon_!.png" alt="">
+                <div class="tips-box">
+                  <div>
+                    <p>XXXXXXXXXXXXXXXX</p>
+                    <p>XXXXXXXXXXXXXXXX</p>
+                    <p>XXXXXXXXXXXXXXXX</p>
+                    <p>XXXXXXXXXXXXXXXX</p>
+                    <p>XXXXXXXXXXXXXXXX</p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </li>
+          <li>
+            <div class="left">
+              <div></div>
+              <span>Claim to your wallet</span>
+            </div>
+            <div class="right">
+              <span>Coming soon</span>
+            </div>
+          </li>
+        </div>
+      </div>
       <div class="content" v-else>
         <div class="content-title">
           <div class="content-title-logo">
@@ -185,7 +226,7 @@
             <!-- 1 绑定交易所 -->
             <div v-if="cecUserStatus == 1">
               <div class="body-box-title">
-                <p>Submit you $CEC Bitget exchange deposit address and Bitget exchange UIDto receive the #CEC airdrop</p>
+                <p>Submit you $CEC Bitget exchange deposit address and Bitget exchange UID to receive the #CEC airdrop</p>
                 <!-- <p>to receive the #CEC airdrop</p> -->
               </div>
               <div class="body-box-con">
@@ -254,11 +295,16 @@ const getCecTotal = async () => {
     let token = marketplaceStore.fireToken || localWalletStore.token
     let data = await apiCecInfo(address.value, token)
     cecInfo.value = data.data
-    if(data.data.bindUid == '') {
-      cecUserStatus.value = 0
+    if(data.data.available == 0 || data.data.available == '0') {
+      cecUserStatus.value = -1
     } else {
-      cecUserStatus.value = 2
+      if(data.data.bindUid == '') {
+        cecUserStatus.value = 0
+      } else {
+        cecUserStatus.value = 2
+      }
     }
+    
   }
 }
 
@@ -268,12 +314,18 @@ const connectLogin = async () => {
   address.value = marketplaceStore.fireAddress || localWalletStore.address
 }
 
-const logout = async () => {
-  marketplaceStore.fireToken = ''
-  marketplaceStore.fireAddress = ''
-  await new BlockChain().logout()
-  address.value = ''
-  location.reload()
+const connectLogout = async () => {
+  try {
+    // if(marketplaceStore.fireAddress) {
+      marketplaceStore.fireAddress = ''
+      marketplaceStore.fireToken = ''
+      location.reload()
+    // } else {
+      await new BlockChain().logout()
+    // }
+  } catch (e) {
+    console.log(e)
+  }
 }
 
 watch(() => [marketplaceStore.fireAddress, localWalletStore.address],
@@ -320,7 +372,7 @@ onMounted(() => {
 <style lang="scss" scoped>
 .claim {
   width: 100%;
-  height: 100%;
+  height: 1180px;
   padding-top: 84px;
   background: #16141b;
   color: #fff;
@@ -529,6 +581,8 @@ onMounted(() => {
               width: 30px;
               height: 30px;
               margin: 0 20px;
+              border-radius: 50%;
+              overflow: hidden;
               img {
                 width: 100%;
                 height: 100%;
@@ -591,6 +645,8 @@ onMounted(() => {
         .content-title-logo {
           width: 30px;
           height: 30px;
+          border-radius: 50%;
+          overflow: hidden;
           img {
             width: 100%;
             height: 100%;
diff --git a/src/views/NoticeView.vue b/src/views/NoticeView.vue
index 58f8881..10967a2 100644
--- a/src/views/NoticeView.vue
+++ b/src/views/NoticeView.vue
@@ -1,50 +1,67 @@
 <template>
   <div class="notice">
-    <div class="notice-content">
-      <div class="notice-content-text">
-        <div>
-          <img src="@/assets/img/notice/Announcement01.jpg" alt="">
-        </div>
-      </div>
-      <div class="notice-content-table">
-        <div>
-          <img src="@/assets/img/notice/Announcement02.jpg" alt="">
-        </div>
-      </div>
-    </div>
+    <CecClaim />
     <Footer />
   </div>
 </template>
 
 <script setup>
+import { ref } from "vue"
+
+import Anomaly from "@/components/notice/anomaly.vue"
+import CecClaim from "@/components/notice/cecClaim.vue"
 import Footer from "@/components/common/footer.vue"
+
+const noticeList = ref([
+  {}
+])
+
 </script>
 
 <style lang="scss" scoped>
 .notice {
-  .notice-content {
-    width: 1920px;
-    margin: 0 auto;
-    .notice-content-text {
-      div {
-        height: 1230px;
-        margin: 0 auto;
-        img {
-          width: 100%;
-          height: 100%;
-        }
-      }
-    }
-    .notice-content-table {
-      div {
-        height: 3708px;
-        margin: 0 auto;
-        img {
-          width: 100%;
-          height: 100%;
-        }
-      }
+  margin-top: 70px;
+  width: 100%;
+  height: 100%;
+  background: url('src/assets/img/notice/Announcement bg.png') no-repeat;
+  background-size: 100% 100%;
+  .notice-table {
+    position: absolute;
+    top: 168px;
+    left: 171px;
+    color: #fff;
+    z-index: 999;
+    li {
+      width: 269px;
+      height: 130px;
+      background: url('@/assets/img/notice/Announcement button02.png') no-repeat;
+      background-size: 100% 100%;
     }
   }
+  // padding-top: 84px;
+  // .notice-content {
+  //   width: 1920px;
+  //   margin: 0 auto;
+  //   .notice-content-text {
+  //     div {
+  //       height: 1230px;
+  //       margin: 0 auto;
+  //       img {
+  //         width: 100%;
+  //         height: 100%;
+  //       }
+  //     }
+  //   }
+  //   .notice-content-table {
+  //     div {
+  //       height: 3708px;
+  //       margin: 0 auto;
+  //       img {
+  //         width: 100%;
+  //         height: 100%;
+  //       }
+  //     }
+  //   }
+  // }
 }
 </style>
\ No newline at end of file