diff --git a/marketplace-test.zip b/marketplace-test.zip
index 5cec2f5..7899ee1 100644
Binary files a/marketplace-test.zip and b/marketplace-test.zip differ
diff --git a/src/components/layout/NavBar.vue b/src/components/layout/NavBar.vue
index 0711fda..b3699c1 100644
--- a/src/components/layout/NavBar.vue
+++ b/src/components/layout/NavBar.vue
@@ -213,11 +213,6 @@ const navList = reactive([
     name: "CLAIM",
     path: "/claim",
   },
-  {
-    id: 8,
-    name: "STAKING",
-    path: "/staking",
-  },
 ]);
 function click(event) {
   router.push(event.key);
@@ -262,9 +257,6 @@ function handNavCurent(nav) {
   } else if(nav.id == 7) {
     // window.open(`${location.origin}${nav.path}`, "_blank")
     router.push(nav.path);
-  } else if(nav.id == 8) {
-    // window.open(`${location.origin}${nav.path}`, "_blank")
-    router.push(nav.path);
   }
   // if (nav.id == 1 || nav.id == 2 || nav.id == 3) {
   //   window.open(nav.path, "_blank");
diff --git a/src/router/index.js b/src/router/index.js
index 53e122f..38740b3 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -9,7 +9,6 @@ import PrivacyView from '../views/PrivacyView.vue';
 import TermsView from '../views/TermsView.vue';
 import CecActivityView from '../views/CecActivityView.vue';
 import ClaimView from '../views/ClaimView.vue';
-import StakingView from "../views/StakingView.vue";
 const routes = [
   {
     path: "/",
@@ -102,15 +101,6 @@ const routes = [
       canonical: "https://.counterfire.games",
     },
   },
-  {
-    path: "/staking",
-    name: "staking",
-    component: StakingView,
-    meta: {
-      title: "staking",
-      canonical: "https://.counterfire.games",
-    },
-  },
   {
     path: "/privacy",
     name: "Privacy",
diff --git a/src/views/ClaimView copy.vue b/src/views/ClaimView copy.vue
new file mode 100644
index 0000000..ba1c986
--- /dev/null
+++ b/src/views/ClaimView copy.vue	
@@ -0,0 +1,1615 @@
+a<template>
+  <div class="claim">
+    <div class="claim-content">
+      <div class="claim-content-title">
+        <img src="@/assets/img/cec_claim/HistoryTxt.png" alt="">
+      </div>
+      <div class="claim-content-data">
+        <div class="claim-content-data-left">
+          <li>
+            <div class="icon">
+              <img src="@/assets/img/cec_claim/CEC_ICON.png" alt="">
+            </div>
+            <span>CEC</span>
+          </li>
+          <li>
+            <span>Total: {{ Number(cecInfo.total) == 0 ? 0 : priceCalculated(cecInfo.total,18).toString().match(/^\d+(?:\.\d{0,2})?/)[0]}}</span>
+          </li>
+          <li>
+            <span>Claimed: {{ Number(cecInfo.claimed) == 0 ? 0 : priceCalculated(cecInfo.claimed,18).toString().match(/^\d+(?:\.\d{0,2})?/)[0] }}</span>
+        </li>
+        </div>
+        <div class="claim-content-data-right">
+          <div class="unavailable">
+            <span>Unavailable: {{ Number(cecInfo.unavailable) == 0 ? 0 : priceCalculated(cecInfo.unavailable,18).toString().match(/^\d+(?:\.\d{0,2})?/)[0] }}</span>
+            <div class="unavailable-tips">
+              <div>
+                <p>Available for claiming in the future.</p>
+                <p>Stay tuned for updates.</p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="claim-content-icon">
+        <div class="top">
+          <img src="@/assets/img/marketplace/CECIcon.png" alt="">
+        </div>
+        <div class="text">Available</div>
+        <div class="amount">{{ Number(cecInfo.available) == 0 ? 0 : priceCalculated(cecInfo.available,18).toString().match(/^\d+(?:\.\d{0,2})?/)[0] }}</div>
+      </div>
+      <div class="content" v-if="!address">
+        <div class="content-tips">
+          Log in to check your available CEC at this stage
+        </div>
+        <div class="content-btn">
+          <span class="btn login-btn" @click="connectLogin">Login</span>
+        </div>
+        <div class="content-tips-link">
+          <div>
+            <file-text-outlined />
+            <a :href="instructionLink" target="_blank">Instruction</a>
+          </div>
+        </div>
+        <div class="content-times">
+          <div class="content-time-top" @click="connectLogin">
+            <li>
+              <div class="left left-hover">
+                <div>
+                  <img src="@/assets/img/cec_claim/Bitgetlogo.png" alt="">
+                </div>
+                <h3>Deposit to Bitget</h3>
+                <span>0 gas</span>
+              </div>
+              <div class="right">
+                <span>Aug 30, 06:00 - Sep 5, 06:00 UTC </span>
+              </div>
+            </li>
+            <li>
+              <div class="left">
+                <p>Grab a share of 1,000,000 $CEC</p>
+              </div>
+            </li>
+          </div>
+          <!-- <div class="content-time-line"></div> -->
+          <div class="content-time-btm">
+            <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>
+      <div class="content" v-else-if="address && cecUserStatus == -2">
+        <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-tips-link">
+          <div class="padding-right-15">
+            <file-text-outlined />
+            <a :href="instructionLink" target="_blank">Instruction</a>
+          </div>
+        </div>
+        <div class="content-time">
+          <div class="content-time-top">
+            <li>
+              <div class="left">
+                <div>
+                  <img src="@/assets/img/cec_claim/Bitgetlogo.png" alt="">
+                </div>
+                <h3>Deposit to Bitget</h3>
+                <span>0 gas</span>
+              </div>
+              <div class="right">
+                <span>Aug 30, 06:00 - Sep 5, 06:00 UTC </span>
+              </div>
+            </li>
+            <li>
+              <div class="left">
+                <p>Grab a share of 1,000,000 $CEC</p>
+              </div>
+            </li>
+          </div>
+          <div class="content-time-line"></div>
+          <div class="content-time-btm">
+            <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>
+      <div class="content" v-else-if="cecUserStatus == -1">
+        <div class="content-tips content-tips-login">
+          <span>Address:</span> {{address}}
+        </div>
+        <div class="content-tips content-tips-login">
+          <span>You can currently pre-deposit to Bitget</span>
+        </div>
+        <div class="content-tips-link">
+          <div>
+            <file-text-outlined />
+            <a :href="instructionLink" target="_blank">Instruction</a>
+          </div>
+        </div>
+        <div class="content-times">
+          <div class="content-time-top " @click="isBindAccount">
+            <li>
+              <div class="left">
+                <div>
+                  <img src="@/assets/img/cec_claim/Bitgetlogo.png" alt="">
+                </div>
+                <h3>Deposit to Bitget</h3>
+                <span>0 gas</span>
+              </div>
+              <div class="right">
+                <span>Aug 30, 06:00 - Sep 5, 06:00 UTC </span>
+              </div>
+            </li>
+            <li>
+              <div class="left">
+                <p>Grab a share of 1,000,000 $CEC</p>
+              </div>
+            </li>
+          </div>
+          <!-- <div class="content-time-line"></div> -->
+          <div class="content-time-btm">
+            <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>
+      <div class="content" v-else>
+        <div class="content-title">
+          <div class="content-title-left">
+            <div class="content-title-logo">
+              <img src="@/assets/img/cec_claim/Bitgetlogo.png" alt="">
+            </div>
+            <p>Deposit to Bitget</p>
+            <div class="free">0 gas</div>
+          </div>
+          <div class="content-title-right">
+            <div class="content-tips-link">
+              <div>
+                <file-text-outlined />
+                <a :href="instructionLink" target="_blank">Instruction</a>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="content-body">
+          <div class="content-body-header">
+            <div class="content-body-header-left">
+              <span v-if="cecUserStatus == 0">Grab a share of 1,000,000 $CEC</span>
+            </div>
+            <div class="content-body-header-right">
+              Aug 30, 06:00 - Sep 5, 06:00 UTC
+            </div>
+          </div>
+          <div class="content-body-box">
+            <!-- 3 -->
+            <div v-if="cecUserStatus == 3">
+              <div class="body-box-title">
+                <h3><span>{{Number(cecInfo.available) == 0 ? 0 : priceCalculated(cecInfo.available,18).toString().match(/^\d+(?:\.\d{0,2})?/)[0]}}</span> $CEC deposit to Bitget in progress</h3>
+              </div>
+              <div class="body-box-con">
+                <p>You'll receive your $CEC airdrop in Bitget spot account before the listing time</p>
+              </div>
+              <div class="body-box-btn">
+                <p><a @click="cecUserStatus = 4">Cancel the Pre-Deposit to Bitget</a></p>
+              </div>
+            </div>
+            <!-- 4 是否取消绑定交易所 -->
+            <div v-if="cecUserStatus == 4">
+              <div class="body-box-title">
+                <h3>Cancel the Pre-Deposit to Bitget</h3>
+              </div>
+              <div class="body-box-con">
+                <p class="cancel">Canceling the Pre-Deposit will forfeit your event rewards,<br> but you can rejoin before it ends or claim $CEC to your wallet later</p>
+                <!-- <p></p> -->
+              </div>
+              <div class="body-box-btn">
+                <div @click="bindAccount('cancel')">Yes</div>
+                <div class="no" @click="cecUserStatus = 3">No</div>
+              </div>
+            </div>
+            <!-- 5 取消绑定成功 -->
+            <div v-if="cecUserStatus == 5">
+              <div class="body-box-title">
+                <!-- <h3><span>{{ Number(cecInfo.available) == 0 ? 0 : priceCalculated(cecInfo.available,18).toString().match(/^\d+(?:\.\d{0,2})?/)[0] }}</span> $CEC deposit to Bitget in progress</h3> -->
+                <!-- <span>Cancellation successful</span> -->
+              </div>
+              <div class="body-box-con">
+                <h5>Cancellation successful</h5>
+              </div>
+              <div class="body-box-btn">
+                <div @click="reqGetInfo">OK</div>
+              </div>
+            </div>
+            
+            <!-- 2 回显交易所绑定信息 -->
+            <div v-if="cecUserStatus == 2">
+              <div class="body-box-title">
+                <h4>Confirm withdrawal of <span>{{Number(cecInfo.available) == 0 ? 0 : priceCalculated(cecInfo.available,18).toString().match(/^\d+(?:\.\d{0,2})?/)[0]}}</span> $CEC</h4>
+              </div>
+              <div class="body-box-con">
+                <li>
+                  <h5>Bitget UID :</h5>
+                  <span>{{ cecInfo.bindUid }}</span>
+                </li>
+                <li>
+                  <h5>Deposit Address :</h5>
+                  <span>{{ cecInfo.bindAddress }}</span>
+                </li>
+                <li>
+                  <div>You may lose your tokens if this UID Wallet Address are incorrect blocked or doesn't exist </div>
+                </li>
+                <li>
+                  <h6>KYC passed only</h6>
+                </li>
+                <li>
+                  <div>It's required to comlete the identity verification to become eligible to deposit to Bitget</div>
+                </li>
+              </div>
+              <div class="body-box-btn">
+                <div @click="cecUserStatus = 3">Confirm</div>
+                <span @click="cecUserStatus = 1">Back</span>
+              </div>
+            </div>
+          <!-- </div>
+          <div class="content-body-box" v-else> -->
+            <!-- 0 是否绑定交易所 -->
+            <div v-if="cecUserStatus == 0">
+              <div class="body-box-title">
+                <h3>Do you have a Bitget exchange account?</h3>
+              </div>
+              <div class="body-box-con">
+                <p class="toBitget"><a href="https://bitget.onelink.me/XqvW?af_xp=custom&pid=Counterfire" target="_blank">No, click to create</a></p>
+              </div>
+              <div class="body-box-btn">
+                <div @click="cecUserStatus = 1">Yes, i have it</div>
+              </div>
+            </div>
+            <!-- 1 绑定交易所 -->
+            <div v-if="cecUserStatus == 1">
+              <div class="body-box-title">
+                <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">
+                <div class="uid">
+                  <input type="text" placeholder="Bitget UID" v-model="tradeId">
+                </div>
+                <div class="address">
+                  <input type="text" placeholder="$CEC Deposit Address" v-model="tradeAddress">
+                  <p class="address-invalid" v-if="addressInvalid">Please enter the correct deposit address</p>
+                </div>
+              </div>
+              <div class="body-box-btn">
+                <div @click="bindAccount('send')">Send</div>
+                <span @click="cecUserStatus = 0">Back</span>
+              </div>
+              <div class="body-box-find">
+                <p><a href="https://medium.com/@CounterFire/counter-fire-bitget-pre-deposit-instruction-7592a15c7952" target="_blank">How to find your UID and $CEC deposit address in Bitget?</a></p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- ------------------------------------------------------------------------ -->
+    </div>
+
+    <div ref="claimLogModal">
+      <a-modal :class="'claimLogModal'" :getContainer="() => $refs.claimLogModal" v-model:open="claimLogDialogVisible" :closable="false" :footer="null" :maskClosable="false">
+        <div class="log-title">Cec claim</div>
+          <div class="closable" @click="claimLogDialogVisible = false">
+            <img src="@/assets/img/marketplace/Close_counter.png" alt="">
+          </div>
+          <div class="log-content"></div>
+      </a-modal>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, toRefs, toRaw, onMounted, computed, watch, inject} from "vue"
+const message = inject('$message')
+import { FileTextOutlined } from '@ant-design/icons-vue';
+
+import { priceCalculated } from "@/configs/priceCalculate"
+import {walletStore} from "@/store/wallet";
+import { useMarketplaceStore } from "@/store/marketplace"
+import { BlockChain } from "@/components/chain/BlockChain"
+import { apiCecInfoAll, apiBindAccount } from "@/utils/marketplace"
+
+
+const localWalletStore = walletStore()
+const marketplaceStore = useMarketplaceStore()
+const instructionLink = ref('https://medium.com/@CounterFire/pre-deposit-instruction-a30d6ce62f80')
+const claimLogDialogVisible = ref(false)
+const address = ref()
+const tradeId = ref()
+const tradeAddress = ref()
+const cecUserStatus = ref(0) // -2 没有cec -1 登陆后 0 是否绑定交易所 1 绑定账号 2 账号回显 3 绑定成功提示 4 是否取消绑定 5 取消绑定成功
+const cecInfo = ref({
+  available: 0,
+  bindAddress: '',
+  bindUid: '',
+  claimed: 0,
+  records: [],
+  stage: 0,
+  total: 0,
+  unavailable: 0
+})
+
+const getCecTotal = async () => {
+  if(address.value) {
+    let token = marketplaceStore.fireToken || localWalletStore.token
+    let data = await apiCecInfoAll(address.value, token)
+    cecInfo.value = data.data
+    if(data.data.available == 0 || data.data.available == '0') {
+      cecUserStatus.value = -2
+    } else {
+      cecUserStatus.value = -1
+    }
+    
+  }
+}
+
+const isBindAccount = () => {
+  if(cecInfo.value.bindUid) {
+    cecUserStatus.value = 2
+  } else {
+    cecUserStatus.value = 0
+  }
+}
+
+
+const connectLogin = async () => {
+  await new BlockChain().cecLogin()
+  address.value = marketplaceStore.fireAddress || localWalletStore.address
+}
+
+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],
+([preTest1, preTest2],
+oldTest1, oldTest2) => {
+  if(preTest1 || preTest2) {
+    address.value = preTest1 || preTest2
+    getCecTotal()
+  }
+})
+
+
+// 绑定取消绑定
+const addressInvalid = ref(false)
+const bindAccount = async (type) => {
+  let walletToken = await new BlockChain().token()
+  let token = marketplaceStore.fireToken || walletToken
+  if(type == 'send') {
+    if(tradeAddress.value) {
+      const data = {
+        accid: tradeId.value,
+        address: tradeAddress.value
+      }
+      let res = await apiBindAccount(data, token)
+      if(res.errcode == 15) {
+        addressInvalid.value = true
+      } else if(res.errcode == 12) {
+        addressInvalid.value = true
+      } else if(res.errcode == 11) {
+        addressInvalid.value = true
+      } else if(res.errcode == 0) {
+        cecInfo.value.bindUid = tradeId.value
+        cecInfo.value.bindAddress = tradeAddress.value
+        addressInvalid.value = false
+        cecUserStatus.value = 2
+      }
+    } else {
+      addressInvalid.value = true
+    }
+  } else if(type == 'cancel') {
+    const data = {
+      accid: '',
+      address: ''
+    }
+    let res = await apiBindAccount(data, token)
+    if(res.errcode == 0) {
+      tradeId.value = ''
+      tradeAddress.value = ''
+      cecUserStatus.value = 5
+    }
+  }
+}
+
+// 
+const reqGetInfo = async () => {
+  getCecTotal()
+}
+
+onMounted(() => {
+  address.value = marketplaceStore.fireAddress || localWalletStore.address
+  getCecTotal()
+})
+
+</script>
+
+<style lang="scss" scoped>
+.claim {
+  width: 100%;
+  height: 1180px;
+  padding-top: 84px;
+  background: #16141b;
+  color: #fff;
+  background: url('@/assets/img/cec_claim/scene_bg.jpg') no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+  .claim-content {
+    position: absolute;
+    top: 127px;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 1096px;
+    height: 915px;
+    background: url('@/assets/img/cec_claim/Counterfire_bg.png') no-repeat;
+    background-size: 100% 100%;
+    .claim-content-title {
+      width: 822px;
+      height: 40px;
+      margin: 0 auto;
+      margin-top: 54px;
+    }
+    .claim-content-data {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      width: 822px;
+      margin: 20px auto;
+      .claim-content-data-left {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        li {
+          display: flex;
+          // justify-content: space-between;
+          margin-right: 40px;
+          .icon {
+            width: 35px;
+            height: 33px;
+            margin-right: 10px;
+            img {
+              width: 100%;
+              height: 100%;
+            }
+          }
+          span {
+            font-family: 'Poppins';
+            font-weight: 600;
+            font-size: 24px;
+          }
+        }
+      }
+      .claim-content-data-right {
+        .unavailable {
+          position: relative;
+          min-width: 180px;
+          height: 39px;
+          padding: 0 10px;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          border: 2px solid #fff;
+          color: #fff;
+          border-radius: 20px;
+          background: rgba(145,78,240,0);
+          cursor: pointer;
+          span {
+            font-family: 'Poppins';
+            font-weight: 400;
+            font-size: 14px;
+          }
+          .unavailable-tips {
+            display: none;
+          }
+          &:hover {
+            .unavailable-tips {
+              display: block;
+              position: absolute;
+              right: -300px;
+              top: -20px;
+              width: 280px;
+              height: 70px;
+              padding: 20px;
+              border: 1px solid #B966FF;
+              border-radius: 20px;
+              background: #1a1821;
+              box-shadow: 0px 0px 10px #B966FF;
+              div {
+                font-family: 'Poppins';
+                font-weight: 500;
+                font-size: 13px;
+                line-height: 1.1;
+              }
+            }
+          }
+        }
+      }
+    }
+    .claim-content-icon {
+      width: 561px;
+      height: 389px;
+      margin: 0 auto;
+      margin-top: -100px;
+      position: relative;
+      background: url('@/assets/img/cec_claim/Bg_chest.png') no-repeat;
+      background-size: 100% 100%;
+      .top {
+        width: 160px;
+        height: 153px;
+        margin: 0 auto;
+        position: absolute;
+        top: 120px;
+        left: 50%;
+        transform: translateX(-50%);
+        img {
+          width: 100%;
+          height: 100%;
+        }
+      }
+      .text {
+        position: absolute;
+        bottom: 62px;
+        left: 50%;
+        transform: translateX(-50%);
+        font-family: 'Poppins';
+        font-weight: bold;
+        font-size: 24px;
+      }
+      .amount {
+        position: absolute;
+        bottom: 20px;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 182px;
+        height: 42px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        border-radius: 21px;
+        background: #201d27;
+        font-family: 'Poppins';
+        font-weight: bold;
+        font-size: 24px;
+      }
+    }
+    .content {
+      width: 822px;
+      margin: 0 auto;
+      .content-tips {
+        text-align: center;
+        margin: 10px auto;
+        font-family: 'Poppins';
+        font-weight: 400;
+        font-size: 24px;
+      }
+      .content-tips-login {
+        font-family: "Poppins-Regular";
+        font-size: 14px;
+        span {
+          font-size: 16px;
+          font-family: 'Poppins';
+          font-weight: 700;
+        }
+      }
+      .content-btn {
+        margin: 0 auto;
+        display: flex;
+        justify-content: center;
+        span {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          width: 259px;
+          height: 42px;
+          font-size: 18px;
+          background: #FEC25D;
+          border-radius: 21px;
+          font-family: 'Poppins';
+          font-weight: 500;
+          font-size: 24px;
+          color: #2D2738;
+          cursor: pointer;
+        }
+      }
+      .content-tips-link {
+        width: 100%;
+        display: flex;
+        justify-content: end;
+        text-align: right;
+        margin: 40px 0;
+        padding-right: 28px;
+        margin-bottom: 5px;
+        color: #bb7fff;
+        div {
+          display: flex;
+          justify-content: end;
+          align-items: center;
+          text-align: right;
+          cursor: pointer;
+          span {
+            font-size: 14px;
+            margin-right: 5px;
+          }
+          a {
+            text-decoration-line: underline;
+            color: #bb7fff;
+            font-weight: 700;
+            font-family: "Poppins";
+            font-size: 18px;
+          }
+        }
+        .padding-right-15 {
+          padding-right: 15px;
+        }
+      }
+      .content-time {
+        width: 824px;
+        height: 197px;
+        // margin: 40px auto;
+        background: #241d2f;
+        background: url('@/assets/img/cec_claim/Counterfire_bg01.png') no-repeat;
+        background-size: 100% 100%;
+        padding: 35px 45px;
+        border-radius: 40px;
+        box-sizing: border-box;
+        color: #fff;
+        .content-time-top {
+          li {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            .left {
+              display: flex;
+              align-items: center;
+              width: 380px;
+              div {
+                width: 30px;
+                height: 30px;
+                border-radius: 50%;
+                overflow: hidden;
+                img {
+                  width: 100%;
+                  height: 100%;
+                }
+              }
+              h3 {
+                font-family: "Poppins";
+                font-size: 24px;
+                font-weight: 700;
+                margin: 0 10px 0 20px;
+              }
+              span {
+                display: inline-block;
+                color: #000;
+                background: #31FFF3;
+                font-size: 12px;
+                font-family: "Poppins";
+                padding: 0 5px;
+                border-radius: 10px;
+              }
+              p {
+                color: #a59dab;
+                font-size: 16px;
+                margin: 10px 0;
+                margin-left: 50px;
+              }
+            }
+            .left-hover {
+              cursor: pointer;
+            }
+            .right {
+              display: flex;
+              align-items: center;
+              span {
+                font-weight: 700;
+                font-size: 16px;
+              }
+              .tips {
+                position: relative;
+                margin-left: 10px;
+                cursor: pointer;
+                img {
+                  width: 28px;
+                  height: 27px;
+                  cursor: pointer;
+                }
+                .tips-box {
+                  display: none;
+                }
+                &:hover {
+                  .tips-box {
+                    display: block;
+                    position: absolute;
+                    right: -360px;
+                    top: -80px;
+                    width: 350px;
+                    height: 85px;
+                    padding: 20px;
+                    border: 1px solid #B966FF;
+                    border-radius: 20px;
+                    background: #1a1821;
+                    box-shadow: 0px 0px 10px #B966FF;
+                    div {
+                      font-family: 'Poppins';
+                      font-weight: 500;
+                      font-size: 13px;
+                      line-height: 1.2;
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+        .content-time-line {
+          width: 100%;
+          height: 2px;
+          background: #44375c;
+        }
+        .content-time-btm {
+          li {
+            display: flex;
+            justify-content: space-between;
+            margin-top: 20px;
+            font-size: 18px;
+            font-family: 'Poppins';
+            color: #8d8598;
+            .left {
+              margin-left: 50px;
+              width: 390px;
+            }
+            .right {
+              width: 263px;
+              text-align: left;
+            }
+          }
+        }
+      }
+      .content-times {
+        width: 824px;
+        height: 197px;
+        // margin: 40px auto;
+        background: #241d2f;
+        background: url('@/assets/img/cec_claim/Counterfire_bg01.png') no-repeat;
+        background-size: 100% 100%;
+        padding: 10px 10px;
+        border-radius: 40px;
+        box-sizing: border-box;
+        color: #fff;
+        .content-time-top {
+          background: url('@/assets/img/cec_claim/Counterfire_mbg02.png') no-repeat;
+          background-size: 100% 100%;
+          padding: 10px 20px 0 20px;
+          cursor: pointer;
+          li {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            .left {
+              display: flex;
+              align-items: center;
+              width: 380px;
+              div {
+                width: 30px;
+                height: 30px;
+                border-radius: 50%;
+                overflow: hidden;
+                img {
+                  width: 100%;
+                  height: 100%;
+                }
+              }
+              h3 {
+                font-family: "Poppins";
+                font-size: 24px;
+                font-weight: 700;
+                margin: 0 10px;
+              }
+              span {
+                display: inline-block;
+                color: #000;
+                background: #31FFF3;
+                font-size: 12px;
+                font-family: "Poppins";
+                padding: 0 5px;
+                border-radius: 10px;
+              }
+              p {
+                color: #a59dab;
+                font-size: 16px;
+                margin: 10px 0;
+                margin-left: 40px;
+              }
+            }
+            .right {
+              display: flex;
+              align-items: center;
+              span {
+                font-weight: 700;
+                font-size: 16px;
+              }
+              .tips {
+                position: relative;
+                margin-left: 10px;
+                cursor: pointer;
+                img {
+                  width: 28px;
+                  height: 27px;
+                  cursor: pointer;
+                }
+                .tips-box {
+                  display: none;
+                }
+                &:hover {
+                  .tips-box {
+                    display: block;
+                    position: absolute;
+                    right: -360px;
+                    top: -80px;
+                    width: 350px;
+                    height: 85px;
+                    padding: 20px;
+                    border: 1px solid #B966FF;
+                    border-radius: 20px;
+                    background: #1a1821;
+                    box-shadow: 0px 0px 10px #B966FF;
+                    div {
+                      font-family: 'Poppins';
+                      font-weight: 500;
+                      font-size: 13px;
+                      line-height: 1.2;
+                    }
+                  }
+                }
+              }
+            }
+          }
+          &:hover {
+            background: url('@/assets/img/cec_claim/Counterfire_mbg01.png') no-repeat;
+            background-size: 100% 100%;
+          }
+        }
+        .content-time-line {
+          width: 100%;
+          height: 2px;
+          background: #44375c;
+        }
+        .content-time-btm {
+          li {
+            display: flex;
+            justify-content: space-between;
+            margin-top: 20px;
+            font-size: 18px;
+            font-family: 'Poppins';
+            color: #8d8598;
+            .left {
+              margin-left: 60px;
+              width: 390px;
+            }
+            .right {
+              width: 283px;
+              text-align: left;
+            }
+          }
+        }
+      }
+      .content-title {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-top: 10px;
+        margin-left: 40px;
+        .content-title-left {
+          display: flex;
+          align-items: center;
+          .content-title-logo {
+            width: 30px;
+            height: 30px;
+            border-radius: 50%;
+            overflow: hidden;
+            img {
+              width: 100%;
+              height: 100%;
+            }
+          }
+          p {
+            font-family: 'Poppins';
+            font-weight: 600;
+            font-size: 24px;
+            margin: 0 10px;
+          }
+          .free {
+            width: 75px;
+            margin-top: 10px;
+            text-align: center;
+            background: #31FFF3;
+            border-radius: 9px;
+            font-family: 'Poppins';
+            font-weight: 400;
+            font-size: 14px;
+            color: #000;
+          }
+        }
+        .content-title-right {
+          display: flex;
+          align-items: center;
+          padding-right: 10px;
+          .content-tips-link {
+            margin: 0px;
+          }
+        }
+      }
+      .content-body {
+        width: 824px;
+        height: 359px;
+        margin-top: 9px;
+        background: #2d2738;
+        border-radius: 40px;
+        .content-body-header {
+          height: 50px;
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          margin: 0 40px;
+          font-family: 'Poppins-Regular';
+          font-weight: 400;
+          font-size: 16px;
+          color: #F9F0FF;
+          .content-body-header-right {
+            display: flex;
+            align-items: center;
+            .tips {
+              position: relative;
+              margin-left: 10px;
+              cursor: pointer;
+              img {
+                width: 28px;
+                height: 27px;
+                cursor: pointer;
+              }
+              .tips-box {
+                display: none;
+              }
+              &:hover {
+                .tips-box {
+                  display: block;
+                  position: absolute;
+                  right: -360px;
+                  top: -80px;
+                  width: 350px;
+                  height: 85px;
+                  padding: 20px;
+                  border: 1px solid #B966FF;
+                  border-radius: 20px;
+                  background: #1a1821;
+                  box-shadow: 0px 0px 10px #B966FF;
+                  div {
+                    font-family: 'Poppins';
+                    font-weight: 500;
+                    font-size: 13px;
+                    line-height: 1.2;
+                  }
+                }
+              }
+            }
+          }
+        }
+        .content-body-box {
+          height: 308px;
+          background: #1E1B26;
+          border-radius: 40px;
+          .body-box-title {
+            text-align: center;
+            font-family: 'Poppins';
+            font-weight: 600;
+            font-size: 24px;
+            color: #914DF0;
+            padding-top: 10px;
+            h3 {
+              padding-top: 40px;
+              span {
+                font-size: 30px;
+              }
+            }
+            h4 {
+              margin-bottom: 10px;
+              span {
+                font-size: 30px;
+              }
+            }
+            p {
+              font-family: 'Poppins';
+              font-weight: 400;
+              font-size: 16px;
+              color: #B29DD1;
+              line-height: 1.2;
+              text-align: left;
+              margin: 0 40px;
+            }
+          }
+          .body-box-con {
+            p {
+              width: 747px;
+              font-family: 'Poppins';
+              font-weight: 400;
+              font-size: 14px;
+              color: #fff;
+              margin: 30px auto;
+              text-align: center;
+              a {
+                font-size: 24px;
+                color: #8C7BA5;
+                text-decoration-line: underline;
+              }
+            }
+            .cancel {
+              margin-bottom: 60px;
+            }
+            >div {
+              width: 747px;
+              height: 37px;
+              margin: 20px auto;
+              background: #362E46;
+              border-radius: 19px;
+              input {
+                width: 100%;
+                height: 100%;
+                border: 0px;
+                padding-left: 20px;
+                font-family: 'Poppins-Regular';
+                font-weight: 400;
+                font-size: 16px;
+                background: #362E46;
+                border-radius: 19px;
+                color: #9488AC;
+              }
+              input[type=number] {
+                -moz-appearance:textfield;
+              }
+              input[type=number]::-webkit-inner-spin-button,
+              input[type=number]::-webkit-outer-spin-button {
+                -webkit-appearance: none;
+                margin: 0;
+              }
+            }
+            input::input-placeholder{
+              color: #9488AC;
+            }
+            input::-webkit-input-placeholder{	//兼容WebKit browsers（Chrome的内核）
+              color: #9488AC;
+            }
+            input::-moz-placeholder{			//Mozilla Firefox 4 to 18
+              color: #9488AC;
+            }
+            input::-moz-placeholder{			//Mozilla Firefox 19+
+              color: #9488AC;
+            }
+            input::-ms-input-placeholder{		//Internet Explorer 10+
+              color: #9488AC;
+            }
+            .uid {
+              margin-top: 30px;
+            }
+            li {
+              display: flex;
+              align-items: center;
+              height: 30px;
+              margin-left: 40px;
+              h5 {
+                font-family: 'Poppins';
+                font-weight: bold;
+                font-size: 18px;
+                margin: 0;
+              }
+              h6 {
+                width: 160px;
+                font-family: 'Poppins';
+                font-weight: 600;
+                font-size: 18px;
+              }
+              span {
+                font-family: 'Poppins';
+                font-weight: 600;
+                font-size: 18px;
+                color: #7EFDFF;
+                margin-left: 20px;
+              }
+              div {
+                font-family: 'Poppins';
+                font-weight: 400;
+                font-size: 16px;
+                color: #8C7BA5;
+                display: flex;
+                align-items: center;
+                p {
+                  color: #8C7BA5;
+                  margin: 0;
+                  margin-left: 40px;
+                }
+              }
+              &:nth-child(3) {
+                // margin-top: 10px;
+              }
+              &:nth-child(4) {
+                // margin-top: 10px;
+              }
+            }
+            .address-invalid {
+              margin: 0;
+              margin-top: 5px;
+              text-align: left;
+              color: #fa4962;
+              font-family: 'Poppins-Regular';
+              padding-left: 20px;
+              font-size: 12px;
+            }
+            h5 {
+              font-family: 'Poppins';
+              font-size: 28px;
+              text-align: center;
+              margin-top: 80px;
+            }
+          }
+          .body-box-btn {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin-top: 40px;
+            div {
+              width: 259px;
+              height: 42px;
+              line-height: 42px;
+              text-align: center;
+              background: #FEC25D;
+              border-radius: 21px;
+              font-family: 'Poppins';
+              font-weight: 500;
+              font-size: 24px;
+              color: #2D2738;
+              cursor: pointer;
+              &:last-child {
+                margin-left: 20px;
+              }
+            }
+            .no {
+              background: #50FDF7;
+            }
+            span {
+              display: inline-block;
+              width: 118px;
+              height: 42px;
+              line-height: 42px;
+              text-align: center;
+              background: rgba(30,27,38,0);
+              border-radius: 21px;
+              border: 2px solid #9950FD;
+              margin-left: 20px;
+              font-family: 'Poppins';
+              font-weight: 500;
+              font-size: 24px;
+              color: #9950FD;
+              cursor: pointer;
+            }
+            p {
+              font-family: 'Poppins';
+              font-weight: 400;
+              font-size: 14px;
+              color: #8C7BA5;
+              a {
+                color: #8C7BA5;
+                text-decoration-line: underline;
+                cursor: pointer;
+              }
+            }
+          }
+          .body-box-find {
+            p {
+              font-family: 'Poppins';
+              font-weight: 400;
+              font-size: 14px;
+              color: #fff;
+              margin: 20px 0;
+              text-align: center;
+              a {
+                color: #8C7BA5;
+                text-decoration-line: underline;
+              }
+            }
+          }
+        }
+      }
+    }
+    .claim-content-amount {
+      text-align: center;
+      p {
+        font-family: 'Poppins';
+        font-weight: bold;
+        font-size: 48px;
+        span {
+
+        }
+      }
+    }
+    .claim-content-address {
+      display: flex;
+      position: relative;
+      .address {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 717px;
+        height: 78px;
+        margin: 0 auto;
+        border-radius: 39px;
+        background: rgba(0, 0, 0, .5);
+        font-family: 'Poppins';
+        font-weight: 400;
+        font-size: 30px;
+        
+      }
+      .icon {
+        position: absolute;
+        top: 50%;
+        right: 160px;
+        transform: translateY(-50%);
+        width: 60px;
+        height: 60px;
+        cursor: pointer;
+        img {
+          width: 100%;
+          height: 100%;
+        }
+      }
+    }
+    .claim-content-btn {
+      width: 720px;
+      height: 74px;
+      background: #6336D7;
+      border-radius: 37px;
+      margin: 0 auto;
+      margin-top: 12px;
+      margin-bottom: 16px;
+      font-family: 'Poppins';
+      font-weight: bold;
+      font-size: 30px;
+      >div {
+        width: 100%;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+      }
+      .claim-content-btn-claim {
+        // width: 100%;
+        // height: 100%;
+        // display: flex;
+        // align-items: center;
+        // justify-content: center;
+        // cursor: pointer;
+      }
+    }
+    .bind-label {
+      width: 200px;
+      height: 40px;
+      line-height: 40px;
+      margin: 0 auto;
+      margin-bottom: 30px;
+      text-align: left;
+      display: flex;
+      span {
+        display: inline-block;
+        width: 80px;
+      }
+    }
+    .bind-address {
+      width: 120px;
+      height: 40px;
+      line-height: 40px;
+      text-align: center;
+      background: #9950fd;
+      margin: 0 auto;
+      cursor: pointer;
+    }
+    .claim-content-tips {
+      font-family: 'Poppins';
+      font-weight: 400;
+      font-size: 24px;
+      color: #B3B5DA;
+      text-align: center;
+      p {
+        span {
+          font-family: 'Poppins-Regular';
+          color: #fff;
+        }
+      }
+    }
+  }
+  :deep(.claimLogModal) {
+    width: 1052px !important;
+    height: 714px;
+    background: #1A1821;
+    box-shadow: 0px 15px 28px 3px rgba(22,22,22,0.13);
+    border-radius: 100px;
+    border: 1px solid #B966FF;
+    .ant-modal-content {
+      padding: 0 99px;
+      color: #FFF;
+      background: #1A1821;
+      box-shadow: 0px 0px 0px 0px rgba(22,22,22,0.13);
+      border-radius: 100px;
+      .ant-modal-body {
+        overflow: hidden;
+        .log-title {
+          font-family: 'Anton';
+          font-weight: 400;
+          font-size: 48px;
+          color: #FFFFFF;
+          margin-top: 23px;
+        }
+        .closable {
+          position: absolute;
+          right: -30px;
+          top: -30px;
+          z-index: 99;
+          cursor: pointer;
+          img {
+            width: 120px;
+            height: 120px;
+          }
+        }
+        .log-content {
+          min-height: 510px;
+          .log-header {
+            display: flex;
+            li {
+              width: 50%;
+              height: 48px;
+              line-height: 48px;
+              text-align: center;
+              font-family: 'Poppins';
+              font-weight: 400;
+              font-size: 14px;
+              color: #A8A5AC;
+              background: #2d2738;
+              &:nth-child(1) {
+                border-radius: 50px 0 0 50px;
+              }
+              // &:nth-child(2) {
+              //     width: 40%;
+              //   }
+              &:nth-child(3) {
+                border-radius: 0 50px 50px 0;
+              }
+            }
+          }
+          .log-body {
+            width: 100%;
+            height: 520px;
+            overflow-y: auto;
+            .pages {
+              display: flex;
+              width: 100%;
+              li {
+                width: 50%;
+                height: 60px;
+                line-height: 60px;
+                font-weight: 600;
+                font-size: 16px;
+                font-family: 'Poppins';
+                text-align: center;
+              }
+              .cec-amount {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                color: #9950FA;
+                span {
+                  display: flex;
+                  justify-content: end;
+                  // width: 80px;
+                  text-align: right;
+                }
+                img {
+                  width: 28px;
+                  height: 28px;
+                  margin-left: 15px;
+                }
+              }
+            }
+            .no-data {
+              position: relative;
+              margin-top: 60px;
+              div {
+                width: 260px;
+                height: 260px;
+                margin: 0 auto;
+              }
+              p {
+                position: absolute;
+                bottom: 50px;
+                left: 52%;
+                transform: translateX(-50%);
+                font-family: 'Poppins';
+                font-weight: bold;
+                font-size: 28px;
+                color: #8587B2;
+              }
+            }
+            &::-webkit-scrollbar {
+              width: 5px;
+            }
+            &::-webkit-scrollbar-track {
+              background: #171220;
+              border-radius: 2px;
+            }
+            &::-webkit-scrollbar-corner {
+              display: block;
+            }
+            &::-webkit-scrollbar-thumb {
+              height: 15px;
+              background: #9950fd;
+              border-radius: 10px;
+            }
+          }
+        }
+        .pagination {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          // background: #1778f1;
+          // .prev {
+          //   // width: 100px;
+          //   // height: 100px;
+          //   display: flex;
+          //   align-items: center;
+          //   div {
+          //     width: 100px;
+          //     height: 100px;
+          //   }
+          // }
+          .pager {
+            span {
+              display: inline-block;
+              width: 29px;
+              height: 29px;
+              line-height: 29px;
+              text-align: center;
+              border-radius: 10px;
+              margin: 0 5px;
+              background: #2d2738;
+              font-family: 'Poppins';
+              font-weight: 200;
+              font-size: 14px;
+              cursor: pointer;
+            }
+            .active {
+              background: #5d5275;
+            }
+          }
+          .prev, .next {
+            // width: 100px;
+            // height: 100px;
+            display: flex;
+            align-items: center;
+            font-family: 'Poppins';
+            font-weight: 600;
+            font-size: 16px;
+            color: #9950FD;
+            cursor: pointer;
+            div {
+              width: 100px;
+              height: 100px;
+            }
+          }
+          img {
+            width: 100%;
+            height: 100%;
+          }
+        }
+        .ant-table-wrapper {
+          .ant-spin-nested-loading {
+            .ant-spin-container {
+              .ant-table {
+                background: #2d2738;
+                border-bottom: 0px solid #2d2738;
+                color: #FFF;
+                .ant-table-container {
+                  .ant-table-content {
+                    .ant-table-thead {
+                      border-radius: 60px;
+                      tr {
+                        border-radius: 60px;
+                        overflow: hidden;
+                        height: 40px;
+                        line-height: 40px;
+                        th {
+                          background: #2d2738;
+                          border-color: rgba(0,0,0,0);
+                          text-align: center;
+                          font-family: 'Poppins';
+                          font-weight: 400;
+                          font-size: 14px;
+                          color: #A8A5AC;
+                          border-radius: 50px !important;
+                          padding: 0;
+                          overflow: hidden;
+                          &::before {
+                            display: none;
+                          }
+                        }
+                        .ant-table-cell {
+                          overflow: hidden;
+                          border-radius: 50px !important;
+                        }
+                      }
+                      .ant-table-cell {
+                          overflow: hidden;
+                          border-radius: 50px !important;
+                        }
+                    }
+                    .ant-table-tbody {
+                      tr {
+                        background: #16141b;
+                        td {
+                          border-color: rgba(0,0,0,0);
+                          background: #16141b !important;
+                          overflow: visible !important;
+                          vertical-align: middle;
+                        }
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file