diff --git a/src/components/Dialogs/confirmDialog.vue b/src/components/Dialogs/confirmDialog.vue
index ab6c0db..893e89f 100644
--- a/src/components/Dialogs/confirmDialog.vue
+++ b/src/components/Dialogs/confirmDialog.vue
@@ -88,16 +88,16 @@ function hideModal(result = null) {
 
 .cf-overlay {
   z-index: 1000;
-  width: 1140px;
-  min-height: 500px;
+  width: 700px;
+  min-height: 300px;
   background: #1a1821;
   color: #fff;
   position: fixed;
-  top: 20%;
+  top: 50%;
   left: 50%;
-  transform: translateX(-50%);
+  transform: translate(-50%, -50%);
   border: 1px solid #b966ff;
-  padding: 50px;
+  padding: 30px;
   box-sizing: border-box;
   box-shadow: 0px 15px 28px 3px rgba(22, 22, 22, 0.13);
   border-radius: 100px;
@@ -107,18 +107,18 @@ function hideModal(result = null) {
       height: 60px;
       font-family: 'Anton';
       font-weight: 400;
-      font-size: 48px;
+      font-size: 36px;
     }
   }
   .cf-content-text {
-    width: 78%;
+    width: 90%;
     margin: 0 auto;
     margin-top: 10px;
-    text-align: left;
+    text-align: center;
     .cf-text {
       font-family: 'Poppins';
       font-weight: 500;
-      font-size: 28px;
+      font-size: 22px;
     }
   }
   .cf-btn-grid {
@@ -130,13 +130,13 @@ function hideModal(result = null) {
     display: flex;
     justify-content: space-evenly;
     button {
-      width: 289px;
-      height: 60px;
+      width: 180px;
+      height: 40px;
       background: #fec25d;
       border: 0px;
       font-family: 'Poppins';
       font-weight: 700;
-      font-size: 18px;
+      font-size: 16px;
       color: #2D2738;
       border-radius:30px;
     }
diff --git a/src/components/staking/cecDialog.vue b/src/components/staking/cecDialog.vue
index 33d0c28..88c8a40 100644
--- a/src/components/staking/cecDialog.vue
+++ b/src/components/staking/cecDialog.vue
@@ -22,10 +22,10 @@
             <div class="left">
               <span>{{ props.dialogText.typeLabel }}</span>
               <p>
-                <input type="number" placeholder="0" min="0" :max="modelAmount" v-model="modelAmount">
+                <input type="number" :placeholder="placeholderAmount" v-model="modelAmount" @input="handleInput">
               </p>
             </div>
-            <div class="left" @click="cecAmount">
+            <div class="right" @click="cecAmount">
               <span>MAX: {{ priceCalculated(props.dialogText.amount) }}</span>
               <p>{{ props.dialogText.typeName }}</p>
             </div>
@@ -35,7 +35,7 @@
               <span>{{ props.dialogText.conversion }}</span>
               <p class="padding-left-20">{{ modelAmount }}</p>
             </div>
-            <div class="left">
+            <div class="right">
               <span>&nbsp;</span>
               <p>{{ props.dialogText.conversionName }}</p>
             </div>
@@ -69,14 +69,16 @@ const props = defineProps({
   // },
 });
 
+const placeholderAmount = ref(0)
 const emit = defineEmits(["handleClose", "eventBtn"]);
 const handleCancel = (e) => {
+  modelAmount.value = 0
   emit("handleClose");
 };
 
 const eventBtn = () => {
   if(modelAmount.value == 0) {
-    message.error('Please enter the corresponding number')
+    message.error('Please enter the amount')
   } else {
     emit("eventBtn",{title:props.dialogText.title, amount: modelAmount.value});
   }
@@ -87,19 +89,27 @@ const cecAmount = () => {
   modelAmount.value = priceCalculated(props.dialogText.amount)
 }
 
+const handleInput = (e) => {
+  if(Number(modelAmount.value) > Number(priceCalculated(props.dialogText.amount))) {
+    modelAmount.value = priceCalculated(props.dialogText.amount)
+  } else if(Number(modelAmount.value) == 0 || Number(modelAmount.value) < 0) {
+    modelAmount.value= 0
+  }
+}
+
 </script>
 
 <style lang="scss" scoped>
 :deep(.cecDialog) {
-  width: 800px !important;
-  // height: 468px;
+  width: 600px !important;
+  min-height: 330px;
   .ant-modal-content {
     height: 100%;
     padding: 0px;
     background: #1a1821;
     border: 1px solid #b966ff;
     box-shadow: 0px 15px 28px 3px rgba(22, 22, 22, 0.13);
-    border-radius: 100px;
+    border-radius: 50px;
   }
 }
 .cec-dialog {
@@ -107,8 +117,8 @@ const cecAmount = () => {
     position: absolute;
     top: -23px;
     right: -23px;
-    width: 106px;
-    height: 106px;
+    width: 80px;
+    height: 80px;
     cursor: pointer;
     img {
       width: 100%;
@@ -117,26 +127,26 @@ const cecAmount = () => {
   }
   .cec-dialog-content {
     color: #fff;
-    margin-top: 40px;
+    margin-top: 20px;
     .content-title {
-      width: 700px;
+      width: 500px;
       margin: 0 auto;
-      padding: 0 40px;
+      padding: 0 20px;
       border-bottom: 1px solid #3d4057;
       h1 {
         font-family: "Anton";
         font-weight: 400;
-        font-size: 48px;
+        font-size: 28px;
       }
       p {
-
+        color: #FF7C7C;
       }
     }
     .content-amount {
-      width: 700px;
+      width: 500px;
       margin: 0 auto;
-      margin-top: 20px;
-      padding: 0 40px;
+      margin-top: 10px;
+      padding: 0 20px;
       li {
         display: flex;
         align-items: center;
@@ -144,15 +154,16 @@ const cecAmount = () => {
         >div {
           span {
             display: inline-block;
-            margin-bottom: 20px;
+            margin-bottom: 10px;
             color: #b966ff;
             font-size: 16px;
+            cursor: pointer;
           }
           p {
             font-size: 28px;
             font-family: 'Poppins';
             input {
-              width: 397px;
+              width: 200px;
               border: 0;
               background: #2d2738;
               padding-left: 20px;
@@ -191,12 +202,18 @@ const cecAmount = () => {
             padding-left: 20px;
           }
         }
+        .right {
+          p {
+            text-align: right;
+
+          }
+        }
       }
     }
     .content-btn {
-      width: 300px;
-      height: 60px;
-      line-height: 60px;
+      width: 180px;
+      height: 40px;
+      line-height: 40px;
       margin: 0 auto;
       text-align: center;
       color: #000;
@@ -204,8 +221,8 @@ const cecAmount = () => {
       background: #fec25d;
       cursor: pointer;
       border-radius: 20px;
-      margin-top: 120px;
-      margin-bottom: 40px;
+      margin-top: 30px;
+      margin-bottom: 20px;
     }
   }
 }
diff --git a/src/components/staking/conversion.vue b/src/components/staking/conversion.vue
index 1baad66..16c21b0 100644
--- a/src/components/staking/conversion.vue
+++ b/src/components/staking/conversion.vue
@@ -102,11 +102,11 @@ const dialogUnstakeText = ref({
 const conversionModal = () => {
   cecDialogVisible.value = true
   dialogUnstakeText.value = {
-  title: "Reverse conversion esCEC",
-  typeLabel: "Unstake",
-  tips: "withdrawing the transformed ESCEC unlocks a certain number of cecs",
+  title: "Vest esCEC",
+  typeLabel: "Vest",
+  tips: "Vest esCEC needs to lock amount of CEC",
   typeName: "es CEC",
-  conversion: "Reveres conversion esCEC",
+  conversion: "CEC Locked",
   conversionName: "CEC",
   amount: stakingStore.cecInfoData.esCecBalance
   }
@@ -137,7 +137,7 @@ const collectionModal = () => {
 }
 
 const eventBtnName = (val) => {
-  if(val.title == 'Reverse conversion esCEC') {
+  if(val.title == 'Vest esCEC') {
     cecDeposit(val.amount)
   // } else if(val.title == 'Claim esCEC') {
   //   claimCec()
@@ -268,7 +268,7 @@ onMounted(() => {
 
 <style lang="scss" scoped>
 .content {
-  width: 1120px;
+  width: 1348px;
   margin: 0 auto;
   display: flex;
   justify-content: center;
diff --git a/src/components/staking/header.vue b/src/components/staking/header.vue
index ef6d121..ffd72e7 100644
--- a/src/components/staking/header.vue
+++ b/src/components/staking/header.vue
@@ -85,7 +85,7 @@
               </div>
             </div>
             <div class="right">
-              <div>esCEC Conversion</div>
+              <div>Vesting esCEC</div>
               <p>{{ priceCalculated(stakingStore.cecInfoData.esCecConversion) }}</p>
             </div>
           </li>
@@ -254,7 +254,7 @@ onMounted(() => {
     align-items: center;
     padding-left: 54px;
     line-height: 22px;
-    margin-bottom: 16px;
+    margin-bottom: 5px;
     h1 {
       font-family: "Poppins";
       font-weight: bold;
diff --git a/src/components/staking/index.vue b/src/components/staking/index.vue
index 2124102..285997a 100644
--- a/src/components/staking/index.vue
+++ b/src/components/staking/index.vue
@@ -202,8 +202,8 @@ const eventBtnName = (val) => {
 const cecStakingText = async () => {
   if(!stakingStore.bindPassportAddress) {
     const confirmResult = await createModal(ConfirmDialog, {
-    title: 'Need login to Passport', 
-    message: 'Are you sure you want to login with Passport?'
+    title: 'Link your Passport.', 
+    message: 'Please note, once linked, it cannot be unlinked. Ensure you’re connecting the correct Passport.'
     }).show()
     if(confirmResult.errcode == 0) {
       await new  BlockChain().appendPassport()
@@ -212,8 +212,14 @@ const cecStakingText = async () => {
         message.success('Bind Successful')
         refreshCecInfo()
       } else if(res.errcode == 1) {
-        message.error('account or passport bound')
-        new PassportWallet().logout();
+        const confirmResult1 = await createModal(ConfirmDialog, {
+        title: '',
+        noBtnTitle: '',
+        message: 'This Immutable Passport is already connected to another wallet. Please use a different Immutable Passport.'
+      }).show()
+        if(confirmResult1.errcode == 0) {
+          new PassportWallet().logout();
+        }
       }
     } else {
       message.error('User denied transaction signature')
@@ -453,7 +459,7 @@ onMounted(() => {
     box-sizing: border-box;
     background: #2D2738;
     border-radius: 20px;
-    padding: 0 20px;
+    // padding: 0 20px;
     box-sizing: border-box;
     .top {
       display: flex;
@@ -463,7 +469,7 @@ onMounted(() => {
       border-bottom: 2px solid #4C425F;
       padding: 20px 0px 10px 0px;
       // margin: 0 41px 0 54px;
-      margin-left: 34px;
+      margin-left: 54px;
       margin-right: 21px;
       box-sizing: border-box;
       .top-left {
@@ -532,7 +538,7 @@ onMounted(() => {
       flex-direction: column;
       justify-content: space-evenly;
       // padding: 10px 0;
-      margin: 0 21px 0 34px;
+      margin: 0 21px 0 54px;
       box-sizing: border-box;
       border-bottom: 2px solid #4C425F;
       li {
diff --git a/src/configs/priceCalculate.js b/src/configs/priceCalculate.js
index aa32f90..157b3b1 100644
--- a/src/configs/priceCalculate.js
+++ b/src/configs/priceCalculate.js
@@ -4,15 +4,20 @@ import { ethers } from "ethers"
 // 计算价格精度
 export const priceCalculated = (price, decimals=18) => {
   if (!price) {
-    return '0.000000'
+    return '0.00000'
   }
-  let str = Number(ethers.utils.formatUnits(price, decimals)).toFixed(6)
-  if(str == '0.000000') {
-    str = '<0.000010'
+  let str = Number(ethers.utils.formatUnits(price, decimals))
+  str = (Math.floor(str * 100000)/100000).toFixed(5)
+  // let numStr = String(str)
+  // const regex = new RegExp(`(\\.\\d{${6}})[1-9]+`, 'g')
+  // str = numStr.replace(regex, (match) => match.slice(0, 6 + 5))
+  // console.log(str)
+  if(str == '0.00000') {
+    str = '<0.00001'
   } else {
-    return str.slice(0, -1)
+  return str
   }
-  return str.slice(0, -1)
+  return str
 }
 
 // 计算购买总价格
diff --git a/src/store/staking.js b/src/store/staking.js
index 94ef41c..5c8af8c 100644
--- a/src/store/staking.js
+++ b/src/store/staking.js
@@ -15,6 +15,7 @@ export const useStakingStore = defineStore('staking', () => {
     esCecCollection: BigInt('0'),
     totalCollection: BigInt('0'),
     CecClaimable: BigInt("0"),
+    lastDepositTime: BigInt("0"),
   })
   const bindPassportAddress = ref([])
   const bindPassportEmail = ref([])
diff --git a/src/views/StakingView.vue b/src/views/StakingView.vue
index 8241100..ca960bb 100644
--- a/src/views/StakingView.vue
+++ b/src/views/StakingView.vue
@@ -43,40 +43,69 @@
     <div class="con">
       <Header />
       <div class="staking-label">
-        <li :class="labelListIndex == index ? 'active' : ''" v-for="(item, index) in labelList" :key="index" @click="labelListIndex = index">{{ item.text }}</li>
+        <li
+          :class="labelListIndex == index ? 'active' : ''"
+          v-for="(item, index) in labelList"
+          :key="index"
+          @click="labelListIndex = index"
+        >{{ item.text }}</li>
       </div>
       <Staking v-if="labelListIndex == 0" @refreshCecInfo="userCecInfo" />
       <Conversion v-else-if="labelListIndex == 1" @refreshCecInfo="userCecInfo" />
     </div>
+    <div class="footer">
+      <div class="footer-left">
+        <div>
+          <img src="@/assets/img/cec_activity/game_logo02.png" alt />
+        </div>
+        <p>© Candy Bubble Global Limited.ALL RIGHTS RESERVED.</p>
+      </div>
+      <div class="footer-right">
+        <!-- <li>
+            <a href="https://discord.com/invite/counterfire" target="_blank">
+              <img src="./../assets/home/com_Discord_icon.png" alt="">
+            </a>
+          </li>
+          <li>
+            <a href="https://twitter.com/@playCounterFire" target="_blank">
+              <img src="./../assets/home/com_X_icon.png" alt="">
+            </a>
+          </li>
+          <li>
+            <a href="https://www.youtube.com/@playCounterFire" target="_blank">
+              <img src="./../assets/home/com_Youtube_icon.png" alt="">
+            </a>
+        </li>-->
+      </div>
+    </div>
   </div>
 </template>
 
 <script setup>
-import { ref, toRaw, onMounted } from "vue";
+import {ref, toRaw, onMounted} from "vue";
 import Header from "@/components/staking/header.vue";
 import Staking from "@/components/staking/index.vue";
 import Conversion from "@/components/staking/conversion.vue";
-import { BlockChain } from "@/components/chain/BlockChain"
+import {BlockChain} from "@/components/chain/BlockChain";
 // import { switchEthereumChain } from "@/components/chain/utils"
-import { apiVipInfo } from "@/utils/marketplace"
+import {apiVipInfo} from "@/utils/marketplace";
 import {walletStore} from "@/store/wallet";
-import { useStakingStore } from "@/store/staking"
-import { PassportWallet } from "@/components/chain/wallet/PassportWallet";
+import {useStakingStore} from "@/store/staking";
+import {PassportWallet} from "@/components/chain/wallet/PassportWallet";
 
 const localWalletStore = walletStore();
-const stakingStore = useStakingStore()
-const labelListIndex = ref(0)
+const stakingStore = useStakingStore();
+const labelListIndex = ref(0);
 const labelList = ref([
   {
-    text: 'Staking',
+    text: "Staking",
   },
   {
-    text: 'Vest',
-  }
-])
+    text: "Vest",
+  },
+]);
 const isLogout = ref(false);
 
-
 const cecInfoData = ref({
   cecBalance: BigInt("0"),
   CecStaked: BigInt("0"),
@@ -135,11 +164,12 @@ const getCecData = async () => {
       cecInfoData.value.esCecCollection = BigInt(await bc.staking.queryClaimableByEsCEC());
       cecInfoData.value.CecClaim = BigInt(await bc.staking.queryCumulativeByCEC());
       cecInfoData.value.esCecClaim = BigInt(await bc.staking.queryCumulativeByEsCEC());
-      cecInfoData.value.CecClaimable = BigInt(await bc.vester.queryClaimable())
-      cecInfoData.value.cecClaimAll = BigInt(await bc.vester.queryClaimabledAll())
-      cecInfoData.value.lastDepositTime = BigInt(await bc.vester.queryLastDepositTime())
+      cecInfoData.value.CecClaimable = BigInt(await bc.vester.queryClaimable());
+      cecInfoData.value.cecClaimAll = BigInt(await bc.vester.queryClaimabledAll());
+      cecInfoData.value.lastDepositTime = BigInt(await bc.vester.queryLastDepositTime());
       cecInfoData.value.totalCollection = cecInfoData.value.CecCollection + cecInfoData.value.esCecCollection;
       stakingStore.cecInfoData = cecInfoData.value;
+      console.log(cecInfoData.value);
       // getCode()
     } catch (e) {
       // console.log("query claimable error", e);
@@ -148,76 +178,75 @@ const getCecData = async () => {
   }, 2000);
 };
 
-const getCode = () =>{
+const getCode = () => {
   const TIME_COUNT = 3;
   if (!timer.value) {
     count.value = TIME_COUNT;
     //  this.show = false;
     timer.value = setInterval(() => {
-    if (count.value > 0 && count.value <= TIME_COUNT) {
-      count.value--;
+      if (count.value > 0 && count.value <= TIME_COUNT) {
+        count.value--;
       } else {
         // getCecData()
         TIME_COUNT = 3;
-      clearInterval(timer.value);
-      timer.value = null;
+        clearInterval(timer.value);
+        timer.value = null;
       }
-    }, 2000)
+    }, 2000);
   }
-}
-
-
+};
 
 const getLinkWallet = async () => {
-  let disabled = [5,3]
-  await new BlockChain().cecLogin({disabled})
-  location.reload()
+  let disabled = [5, 3];
+  await new BlockChain().cecLogin({disabled});
+  location.reload();
 };
 
 const logOut = async () => {
-  stakingStore.cecInfoData = {}
+  stakingStore.bindPassportAddress = ''
+  stakingStore.bindPassportEmail = ''
+  stakingStore.cecInfoData = {};
   new PassportWallet().logout();
-  await new BlockChain().logout()
+  await new BlockChain().logout();
   // location.reload()
 };
 
-
 // 加载页面切换链ID
 const getNetId = async () => {
-  await new BlockChain().checkNetId(localWalletStore.walletType)
-}
+  await new BlockChain().checkNetId(localWalletStore.walletType);
+};
 
 // 判断是否绑定passport账号
 const getVipInfo = async () => {
-  const { errcode, info } = await apiVipInfo()
-  console.log('bind_passport_address',info.bind_passport_address)
-  if(errcode == 0) {
-    stakingStore.bindPassportAddress = info.bind_passport_address
-    stakingStore.bindPassportEmail = info.bind_email
+  const {errcode, info} = await apiVipInfo();
+  console.log("bind_passport_address", info.bind_passport_address);
+  if (errcode == 0) {
+    stakingStore.bindPassportAddress = info.bind_passport_address;
+    stakingStore.bindPassportEmail = info.bind_email;
   }
-}
+};
 
 // 发送推文
 const toTwitter = () => {
   const url = "https://twitter.com/intent/tweet?text=";
   const hashtags = encodeURIComponent("500,000 $CEC Awaits - Earn Your Share!");
-  const imageUrl = encodeURIComponent(`https://counterfire.games/cecActivity`);
+  const imageUrl = encodeURIComponent(`https://market.kingsome.cn`);
   const params = `${hashtags}&url=${imageUrl}`;
   // const params = `${hashtags}`;
   window.open(`${url}${params}`, "_blank");
 };
 
 const userCecInfo = () => {
-  getNetId()
-  getVipInfo()
+  getNetId();
+  getVipInfo();
   getCecData();
-}
+};
 
 onMounted(() => {
-  if(localWalletStore.address) {
-    userCecInfo()
+  if (localWalletStore.address) {
+    userCecInfo();
   }
-})
+});
 </script>
 
 <style lang="scss" scoped>
@@ -234,8 +263,8 @@ onMounted(() => {
     background-size: 100% 100%;
     .header-left {
       div {
-        width: 263px;
-        height: 163px;
+        width: 283px;
+        height: 133px;
         img {
           width: 100%;
           height: 100%;
@@ -246,7 +275,7 @@ onMounted(() => {
       display: flex;
       // align-items: center;
       color: #fff;
-      margin-top: 58px;
+      margin-top: 43px;
       .left {
         width: 106px;
         height: 47px;
@@ -377,32 +406,67 @@ onMounted(() => {
     }
   }
   .con {
-    margin-top: -133px;
+    margin-top: -240px;
+    padding-bottom: 80px;
     .staking-label {
       display: flex;
       width: 1348px;
       margin: 0 auto;
       margin-top: 33px;
-      margin-bottom: 11px;
+      margin-bottom: 5px;
       li {
         width: 281px;
         height: 57px;
         line-height: 57px;
         background: #363142;
         border-radius: 40px 40px 0px 0px;
-        font-family: 'Poppins';
+        font-family: "Poppins";
         font-weight: bold;
         font-size: 30px;
-        color: #C7BCE8;
+        color: #c7bce8;
         text-align: center;
         margin-right: 16px;
         cursor: pointer;
       }
       .active {
-        background: #FFC35B;
+        background: #ffc35b;
         color: #000;
       }
     }
   }
+  .footer {
+    width: 100%;
+    height: 98px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 45px;
+    box-sizing: border-box;
+    border-top: 2px solid #2c2635;
+    background: #1a1821;
+    .footer-left {
+      width: 1348px;
+      margin: 0 auto;
+      
+      display: flex;
+      align-items: center;
+      div {
+        width: 235px;
+        height: 51px;
+        margin-right: 40px;
+        img {
+          width: 100%;
+          height: 100%;
+        }
+      }
+      p {
+        font-family: 'Poppins-Regular';
+        font-weight: 400;
+        color: #877e98;
+        font-size: 18px;
+        margin-top: 8px;
+      }
+    }
+  }
 }
 </style>
\ No newline at end of file