diff --git a/mobile/.env.dev b/mobile/.env.dev
index a06eb18..a5a3813 100644
--- a/mobile/.env.dev
+++ b/mobile/.env.dev
@@ -1,2 +1,2 @@
-VUE_APP_BASE_API='https://game2006api-test.kingsome.cn'
+VUE_APP_BASE_API='https://market.cebg.games'
 VUE_APP_GPAL_API='http://192.168.100.83:4000/sns'
\ No newline at end of file
diff --git a/mobile/.env.prod b/mobile/.env.prod
index c0268d4..6e0cb8b 100644
--- a/mobile/.env.prod
+++ b/mobile/.env.prod
@@ -1 +1 @@
-VUE_APP_BASE_API='https://game2006api-test.kingsome.cn'
\ No newline at end of file
+VUE_APP_BASE_API='https://market.cebg.games'
\ No newline at end of file
diff --git a/mobile/dist.rar b/mobile/dist.rar
index 1a9c680..b4faf58 100644
Binary files a/mobile/dist.rar and b/mobile/dist.rar differ
diff --git a/mobile/index.html b/mobile/index.html
index 10d220f..e1d086c 100644
--- a/mobile/index.html
+++ b/mobile/index.html
@@ -2,9 +2,38 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" href="/favicon.ico" />
+    <link rel="icon" href="/logo.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>CEBG - Anime PUBG on fire!</title>
+    <title>Counter Fire</title>
+    <meta property="og:title" content="Counter Fire" />
+    <meta
+      property="og:description"
+      content="CounterFire.games"
+    />
+    <meta
+      name="description"
+      content="CounterFire.games"
+    />
+    <meta
+      name="keywords"
+      content="CounterFire；CF；Gamefi；Web3；web3gaming; Cf game;Cf mobile; CounterFire googleplay; CounterFire Appstore;
+    battle royale;token;airdrop;p2e; play to earn, free to play, blockchain game;Arbitrum game;Arbitrum. Cryptocurrency; Crypto；anime game；anime web3 game；Two-dimensional game；shooting game；Anime shooting mobile game"
+    />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://m.counterfire.games/" />
+    <!-- <meta
+      property="og:image"
+      content="https://m.counterfire.games/counter.png"
+    /> -->
+    <!-- <meta property="og:site_name" content="Counter Fire" /> -->
+    <meta property="twitter:card" content="summary_large_image" />
+    <meta property="twitter:title" content="Counter Fire" />
+    <!-- <meta
+      property="twitter:image"
+      content="https://m.counterfire.games/counter.png"
+    /> -->
+ 
+
   </head>
   <script type="module">
      import {Buffer} from 'buffer';
diff --git a/mobile/public/favicon.ico b/mobile/public/favicon.ico
deleted file mode 100644
index da87841..0000000
Binary files a/mobile/public/favicon.ico and /dev/null differ
diff --git a/mobile/public/logo.png b/mobile/public/logo.png
new file mode 100644
index 0000000..57de20f
Binary files /dev/null and b/mobile/public/logo.png differ
diff --git a/mobile/src/assets/img/guangwang/guangwang/ios.png b/mobile/src/assets/img/guangwang/guangwang/ios.png
new file mode 100644
index 0000000..fc6e59c
Binary files /dev/null and b/mobile/src/assets/img/guangwang/guangwang/ios.png differ
diff --git a/mobile/src/assets/img/guangwang/guangwang/logo.png b/mobile/src/assets/img/guangwang/guangwang/logo.png
new file mode 100644
index 0000000..288fbfc
Binary files /dev/null and b/mobile/src/assets/img/guangwang/guangwang/logo.png differ
diff --git a/mobile/src/assets/img/guangwang/guangwang/slogan.png b/mobile/src/assets/img/guangwang/guangwang/slogan.png
new file mode 100644
index 0000000..b647386
Binary files /dev/null and b/mobile/src/assets/img/guangwang/guangwang/slogan.png differ
diff --git a/mobile/src/assets/img/guangwang/guangwang/官网首页PC(最新版）修改-0406.jpg b/mobile/src/assets/img/guangwang/guangwang/官网首页PC(最新版）修改-0406.jpg
new file mode 100644
index 0000000..62f521c
Binary files /dev/null and b/mobile/src/assets/img/guangwang/guangwang/官网首页PC(最新版）修改-0406.jpg differ
diff --git a/mobile/src/assets/img/guangwang/guangwang/文字.png b/mobile/src/assets/img/guangwang/guangwang/文字.png
new file mode 100644
index 0000000..14122fa
Binary files /dev/null and b/mobile/src/assets/img/guangwang/guangwang/文字.png differ
diff --git a/mobile/src/assets/img/home/loading/logo.png b/mobile/src/assets/img/home/loading/logo.png
index 7eba55a..57de20f 100644
Binary files a/mobile/src/assets/img/home/loading/logo.png and b/mobile/src/assets/img/home/loading/logo.png differ
diff --git a/mobile/src/assets/img/home/logo.png b/mobile/src/assets/img/home/logo.png
new file mode 100644
index 0000000..288fbfc
Binary files /dev/null and b/mobile/src/assets/img/home/logo.png differ
diff --git a/mobile/src/assets/img/home/nav-logo.png b/mobile/src/assets/img/home/nav-logo.png
index 287e447..57de20f 100644
Binary files a/mobile/src/assets/img/home/nav-logo.png and b/mobile/src/assets/img/home/nav-logo.png differ
diff --git a/mobile/src/assets/img/mobile-home/app.png b/mobile/src/assets/img/mobile-home/app.png
new file mode 100644
index 0000000..729664f
Binary files /dev/null and b/mobile/src/assets/img/mobile-home/app.png differ
diff --git a/mobile/src/assets/img/mobile-home/apple.png b/mobile/src/assets/img/mobile-home/apple.png
deleted file mode 100644
index fb0d74f..0000000
Binary files a/mobile/src/assets/img/mobile-home/apple.png and /dev/null differ
diff --git a/mobile/src/assets/img/mobile-home/banner-slogan-d.gif b/mobile/src/assets/img/mobile-home/banner-slogan-d.gif
new file mode 100644
index 0000000..9a0b24b
Binary files /dev/null and b/mobile/src/assets/img/mobile-home/banner-slogan-d.gif differ
diff --git a/mobile/src/assets/img/mobile-home/banner-slogan.gif b/mobile/src/assets/img/mobile-home/banner-slogan.gif
index 9a0b24b..eea1246 100644
Binary files a/mobile/src/assets/img/mobile-home/banner-slogan.gif and b/mobile/src/assets/img/mobile-home/banner-slogan.gif differ
diff --git a/mobile/src/assets/img/mobile-home/banner-slogan.png b/mobile/src/assets/img/mobile-home/banner-slogan.png
new file mode 100644
index 0000000..b647386
Binary files /dev/null and b/mobile/src/assets/img/mobile-home/banner-slogan.png differ
diff --git a/mobile/src/assets/img/mobile-home/game-swiper-card/01.jpg b/mobile/src/assets/img/mobile-home/game-swiper-card/01.jpg
new file mode 100644
index 0000000..2b08ed4
Binary files /dev/null and b/mobile/src/assets/img/mobile-home/game-swiper-card/01.jpg differ
diff --git a/mobile/src/assets/img/mobile-home/game-swiper-card/01.png b/mobile/src/assets/img/mobile-home/game-swiper-card/01.png
deleted file mode 100644
index ecc254c..0000000
Binary files a/mobile/src/assets/img/mobile-home/game-swiper-card/01.png and /dev/null differ
diff --git a/mobile/src/assets/img/mobile-home/game/001.jpg b/mobile/src/assets/img/mobile-home/game/001.jpg
index 8b98fa6..80ce906 100644
Binary files a/mobile/src/assets/img/mobile-home/game/001.jpg and b/mobile/src/assets/img/mobile-home/game/001.jpg differ
diff --git a/mobile/src/assets/img/mobile-home/game/002.jpg b/mobile/src/assets/img/mobile-home/game/002.jpg
index 77a1031..85a6f1d 100644
Binary files a/mobile/src/assets/img/mobile-home/game/002.jpg and b/mobile/src/assets/img/mobile-home/game/002.jpg differ
diff --git a/mobile/src/assets/img/mobile-home/game/003.jpg b/mobile/src/assets/img/mobile-home/game/003.jpg
index 8f38ccd..8f733e9 100644
Binary files a/mobile/src/assets/img/mobile-home/game/003.jpg and b/mobile/src/assets/img/mobile-home/game/003.jpg differ
diff --git a/mobile/src/assets/img/mobile-home/ios.png b/mobile/src/assets/img/mobile-home/ios.png
new file mode 100644
index 0000000..fc6e59c
Binary files /dev/null and b/mobile/src/assets/img/mobile-home/ios.png differ
diff --git a/mobile/src/assets/img/mobile-home/logo.png b/mobile/src/assets/img/mobile-home/logo.png
index 33a18d3..288fbfc 100644
Binary files a/mobile/src/assets/img/mobile-home/logo.png and b/mobile/src/assets/img/mobile-home/logo.png differ
diff --git a/mobile/src/assets/img/mobile-home/what-title.png b/mobile/src/assets/img/mobile-home/what-title.png
index 6be97b9..14122fa 100644
Binary files a/mobile/src/assets/img/mobile-home/what-title.png and b/mobile/src/assets/img/mobile-home/what-title.png differ
diff --git a/mobile/src/chain/ChainManager.ts b/mobile/src/chain/ChainManager.ts
index 00df53a..433910e 100644
--- a/mobile/src/chain/ChainManager.ts
+++ b/mobile/src/chain/ChainManager.ts
@@ -66,6 +66,7 @@ export default class ChainManager {
         await this.bc.connect(true)
         await this.checkNance()
       } catch (err) {
+        this.bc.walletType = 0
         message.error(err.message, 5)
         await Promise.reject(err)
       }
@@ -93,6 +94,7 @@ export default class ChainManager {
       AppModule.updateStep(1)
     } catch (err) {
       console.log(err)
+      this.bc.walletType = 0
       await Promise.reject(err)
     }
   }
diff --git a/mobile/src/chain/blockchain.ts b/mobile/src/chain/blockchain.ts
index b146efc..c5cc8b4 100644
--- a/mobile/src/chain/blockchain.ts
+++ b/mobile/src/chain/blockchain.ts
@@ -1,28 +1,26 @@
-import WalletConnectProvider from '@walletconnect/web3-provider'
-import { useAppStore } from '@/store/app'
-import Web3 from 'web3'
-import {
-  AVAILABLE_CHAINS,
-  CONTRACT_ADDRESS,
-} from '@/configs/configchain'
-import { useUserStore } from '@/store/user'
-import { isMobile } from '@/utils/resize'
-import { hasMetamask, toHexChainId } from '@/utils/chain.util'
-import { AllChains } from '@/configs/allchain'
-import { ERC20ABI } from '@/configs/contracts'
-import { TransactionReceipt } from 'web3-core'
-import { useEventBus } from '@vueuse/core';
-import * as bus_event from '@/bus/event';
-import pinia from '@/store';
+import WalletConnectProvider from "@walletconnect/web3-provider";
+import { useAppStore } from "@/store/app";
+import Web3 from "web3";
+import { AVAILABLE_CHAINS, CONTRACT_ADDRESS } from "@/configs/configchain";
+import { useUserStore } from "@/store/user";
+import { isMobile } from "@/utils/resize";
+import { hasMetamask, toHexChainId, hasOKExWallet } from "@/utils/chain.util";
+import { AllChains } from "@/configs/allchain";
+import { ERC20ABI } from "@/configs/contracts";
+import { TransactionReceipt } from "web3-core";
+import { useEventBus } from "@vueuse/core";
+import * as bus_event from "@/bus/event";
+import pinia from "@/store";
+import { message } from "ant-design-vue";
 
 const EIP721_DOMAIN_DATA = [
-  { name: 'name', type: 'string' },
-  { name: 'version', type: 'string' },
-  { name: 'chainId', type: 'uint256' },
-  { name: 'verifyingContract', type: 'address' }
-]
+  { name: "name", type: "string" },
+  { name: "version", type: "string" },
+  { name: "chainId", type: "uint256" },
+  { name: "verifyingContract", type: "address" },
+];
 
-const CACHE_KEY = 'cebg_chain_cache_key'
+const CACHE_KEY = "cebg_chain_cache_key";
 
 const busShowChainModal = useEventBus(bus_event.SHOW_CHAIN_MODAL);
 const busNeedChangeChain = useEventBus(bus_event.NEED_CHANGE_CHAIN);
@@ -33,87 +31,99 @@ const AppModule = useAppStore(pinia);
 const UserModule = useUserStore(pinia);
 
 export class Blockchain {
-  provider:any
-  web3: Web3
-  currentChain = 0
+  provider: any;
+  web3: Web3;
+  currentChain = 0;
   // 0: null, 1: metamask, 2: walletconnect
-  walletType = 0
-  dataCached = false
-  instanceCacheMap: Map<string, any>
-  public chainMap: Map<number, any> = new Map()
-  public rpc: any = {}
+  walletType = 0;
+  dataCached = false;
+  instanceCacheMap: Map<string, any>;
+  public chainMap: Map<number, any> = new Map();
+  public rpc: any = {};
 
   constructor() {
-    const allChainMap: Map<number, any> = new Map()
+    const allChainMap: Map<number, any> = new Map();
     for (const d of AllChains) {
-      const id = d.id
-      this.rpc[id] = d.rpc
-      allChainMap.set(id, d)
+      const id = d.id;
+      this.rpc[id] = d.rpc;
+      allChainMap.set(id, d);
     }
     for (const id of AVAILABLE_CHAINS) {
-      this.chainMap.set(id, allChainMap.get(id)!)
+      this.chainMap.set(id, allChainMap.get(id)!);
     }
-    this.loadCachedProvider()
-    this.instanceCacheMap = new Map()
+    this.loadCachedProvider();
+    this.instanceCacheMap = new Map();
     // AppModule.updateChainID(chainId)
     busNeedLogin.on(this.connect.bind(this));
   }
 
   get isWalletConnect() {
-    return !!this.walletType && !!this.currentChain
+    return !!this.walletType && !!this.currentChain;
   }
 
   get mallAddress() {
-    return CONTRACT_ADDRESS[this.currentChain]?.mall
+    return CONTRACT_ADDRESS[this.currentChain]?.mall;
   }
 
   public get hexChainId() {
-    return toHexChainId(this.currentChain)
+    return toHexChainId(this.currentChain);
   }
 
   public async chainSelected(id: number) {
     if (!this.chainMap.has(id)) {
-      return
+      return;
     }
-    this.currentChain = id
+    this.currentChain = id;
     if (this.provider) {
-      await this.switchEthereumChain()
+      await this.switchEthereumChain();
     } else {
-      await this.connectWallet(true)
+      await this.connectWallet(true);
     }
   }
 
   public async connectWallet(isManual: boolean) {
-    console.log('begin connect to wallet: ', this.walletType, this.currentChain)
+    console.log(
+      "begin connect to wallet: ",
+      this.walletType,
+      this.currentChain
+    );
     if (this.walletType === 1) {
-      this.provider = await this.connectMetaMask()
+      this.provider = await this.connectMetaMask();
     } else if (this.walletType === 2) {
-      this.provider = await this.connectWalletConnect()
+      this.provider = await this.connectokxwallet();
     }
     if (!this.provider) {
-      return
+      return;
     }
-    this.web3 = new Web3(this.provider)
-    const chainId = await this.web3.eth.getChainId()
-    await this.checkChain(chainId)
+    this.web3 = new Web3(this.provider);
+    const chainId = await this.web3.eth.getChainId();
+    await this.checkChain(chainId);
 
-    this.subscribeToEvents()
-    const accounts = await this.web3.eth.getAccounts()
-    if (accounts && accounts.length > 0) {
-      AppModule.updateAccount(accounts[0])
+    this.subscribeToEvents();
+    ///const accounts = await this.web3.eth.getAccounts()
+    let accounts;
+    if (this.walletType === 1) {
+      accounts = await this.web3.eth.getAccounts();
+    } else {
+      accounts = await this.provider.request({
+        method: "eth_requestAccounts",
+      });
     }
-    if (!this.currentChain) this.currentChain = chainId
-    this.saveProvider()
-    AppModule.updateChainID(chainId)
-    AppModule.updateWalletStatus(true)
-    console.log('current login chain: ', chainId)
-    console.log('accountsLogin: ', accounts, AppModule.accountId)
+    if (accounts && accounts.length > 0) {
+      AppModule.updateAccount(accounts[0]);
+    }
+    if (!this.currentChain) this.currentChain = chainId;
+    this.saveProvider();
+    AppModule.updateChainID(chainId);
+    AppModule.updateWalletStatus(true);
+    console.log("current login chain: ", chainId);
+    console.log("accountsLogin: ", accounts, AppModule.accountId);
     if (isManual) {
       busNeedNonce.emit(busNeedNonce);
     } else {
-      AppModule.updateStep(1)
+      AppModule.updateStep(1);
     }
-    return { account: accounts[0], chainId }
+    return { account: accounts[0], chainId };
   }
 
   /**
@@ -127,11 +137,11 @@ export class Blockchain {
   private async checkChain(chainId: number) {
     if (!this.chainMap.has(chainId)) {
       // if (this.walletType === 1) {
-        try {
-          await this.selectChain()
-        } catch (err) {
-          await this.disconnect()
-        }
+      try {
+        await this.selectChain();
+      } catch (err) {
+        await this.disconnect();
+      }
       // } else if (this.walletType === 2) {
       //   await this.disconnect()
       //   this.walletType = 2
@@ -147,22 +157,19 @@ export class Blockchain {
   }
 
   public async connect(isManual = false) {
-    if (isMobile()) {
-      if (hasMetamask()) {
-        this.walletType = 1
-      } else {
-        this.walletType = 2
+    if (hasMetamask() || hasOKExWallet()) {
+      if (isManual && !this.walletType) {
+        this.walletType = await this.selectWallet();
       }
     } else {
-      if (hasMetamask()) {
-        if (isManual && !this.walletType) {
-          this.walletType = await this.selectWallet()
-        }
-      } else {
-        this.walletType = 2
+      if (isManual) {
+        this.walletType = await this.selectWallet();
       }
     }
-    if (isManual || this.isWalletConnect) { await this.connectWallet(isManual) }
+
+    if (isManual && this.walletType) {
+      await this.connectWallet(isManual);
+    }
   }
 
   /**
@@ -174,15 +181,36 @@ export class Blockchain {
     return new Promise((resolve, reject) => {
       busShowChainModal.emit({
         confirm: (id: number) => {
-          console.log('select wallet: ', id)
-          resolve && resolve(id)
+          console.log("select wallet: ", id);
+          if (id == 1) {
+            if (!hasMetamask()) {
+              var next = window.location.href;
+              var url = `https://metamask.app.link/dapp/${next}`;
+              location.href = url;
+            } else {
+              resolve && resolve(id);
+            }
+          } else if (id == 2) {
+            const ua = navigator.userAgent;
+            const isIOS = /iphone|ipad|ipod|ios/i.test(ua);
+            const isAndroid = /android|XiaoMi|MiuiBrowser/i.test(ua);
+            const isMobile = isIOS || isAndroid;
+            const isOKApp = /OKApp/i.test(ua);
+
+            if (isMobile && isOKApp) {
+              resolve && resolve(id);
+            } else {
+              var next = window.location.href;
+              window.open(`okx://wallet/dapp/details?dappUrl=${next}`);
+            }
+          }
         },
         cancel: (reason: any) => {
-          console.log('cancel select wallet: ', reason)
-          reject && reject(reason)
-        }
-      })
-    })
+          console.log("cancel select wallet: ", reason);
+          reject && reject(reason);
+        },
+      });
+    });
   }
 
   /**
@@ -193,28 +221,28 @@ export class Blockchain {
   private selectChain(): Promise<number> {
     return new Promise((resolve, reject) => {
       busNeedChangeChain.emit({
-        confirm: async(id: number) => {
-          console.log('select chain: ', id)
-          this.currentChain = id
+        confirm: async (id: number) => {
+          console.log("select chain: ", id);
+          this.currentChain = id;
           if (this.provider) {
-            await this.switchEthereumChain()
+            await this.switchEthereumChain();
           }
-          resolve && resolve(id)
+          resolve && resolve(id);
         },
         cancel: (reason: any) => {
-          console.log('cancel select chain: ', reason)
-          reject && reject(reason)
-        }
-      })
-    })
+          console.log("cancel select chain: ", reason);
+          reject && reject(reason);
+        },
+      });
+    });
   }
 
   public async connectMetaMask() {
-    let provider = null
-    if (typeof window.ethereum !== 'undefined') {
-      provider = window.ethereum
+    let provider = null;
+    if (typeof window.ethereum !== "undefined") {
+      provider = window.ethereum;
       try {
-        await provider.request({ method: 'eth_requestAccounts' })
+        await provider.request({ method: "eth_requestAccounts" });
       } catch (error: any) {
         if (error.code === -32002) {
           // const hexChainId = toHexChainId(this.currentChain)
@@ -222,65 +250,91 @@ export class Blockchain {
           //   method: 'wallet_switchEthereumChain',
           //   params: [{ chainId: hexChainId }]
           // })
-          throw new Error('MeatMask not login, Open MeatMask and login first')
+          throw new Error("MeatMask not login, Open MeatMask and login first");
         } else {
-          throw new Error('User Rejected')
+          throw new Error("User Rejected");
         }
       }
     } else if (window.web3) {
-      provider = window.web3.currentProvider
+      provider = window.web3.currentProvider;
     } else if (window.celo) {
-      provider = window.celo
+      provider = window.celo;
     } else {
-      throw new Error('No Web3 Provider found')
+      this.walletType = 0;
+      // message.error('No Web3 Provider found');
+      throw new Error("No Web3 Provider found");
     }
-    return provider
+    return provider;
+  }
+  public async connectokxwallet() {
+    let provider = null;
+    if (typeof window.okxwallet !== "undefined") {
+      provider = window.okxwallet;
+      try {
+        await provider.request({ method: "eth_requestAccounts" });
+      } catch (error: any) {
+        if (error.code === -32002) {
+          // const hexChainId = toHexChainId(this.currentChain)
+          // await provider.request({
+          //   method: 'wallet_switchEthereumChain',
+          //   params: [{ chainId: hexChainId }]
+          // })
+          throw new Error("OKX Wallet not login, Open OKX Wallet and login first");
+        } else {
+          this.walletType = 0;
+          throw new Error("User Rejected");
+        }
+      }
+    } else {
+      this.walletType = 0;
+      // message.error('No Web3 Provider found');
+      throw new Error("No Web3 Provider found");
+    }
+    return provider;
   }
 
   public async connectWalletConnect() {
     const provider = new WalletConnectProvider({
       infuraId: import.meta.env.VUE_APP_WALLET_INFURAID,
-      rpc: this.rpc
-    })
+      rpc: this.rpc,
+    });
     try {
-      await provider.enable()
+      await provider.enable();
     } catch (err) {
-      console.log('connect to wallet connect error: ', err)
-      await Promise.reject(err)
+      console.log("connect to wallet connect error: ", err);
+      await Promise.reject(err);
     }
 
-    return provider
+    return provider;
   }
 
   public async getContractInstance(address: string, abi: any = ERC20ABI) {
     if (!this.instanceCacheMap.has(address)) {
-      const instance = new this.web3.eth.Contract(
-        abi,
-        address,
-        { from: AppModule.accountId }
-      )
-      this.instanceCacheMap.set(address, instance)
+      const instance = new this.web3.eth.Contract(abi, address, {
+        from: AppModule.accountId,
+      });
+      this.instanceCacheMap.set(address, instance);
     }
-    return this.instanceCacheMap.get(address)
+    return this.instanceCacheMap.get(address);
   }
 
   public clearCachedProvider() {
-    console.log('clear cached provider')
-    localStorage.removeItem(CACHE_KEY)
+    console.log("clear cached provider");
+    localStorage.removeItem(CACHE_KEY);
   }
 
   public loadCachedProvider() {
-    const dataStr = localStorage.getItem(CACHE_KEY)
+    const dataStr = localStorage.getItem(CACHE_KEY);
     if (dataStr) {
       try {
-        const data = JSON.parse(dataStr)
-        this.walletType = data.walletType
+        const data = JSON.parse(dataStr);
+        this.walletType = data.walletType;
         if (this.chainMap.has(data.chainId)) {
-          this.currentChain = data.chainId
+          this.currentChain = data.chainId;
         }
       } catch (err) {
-        console.log('err parse cached json')
-        this.clearCachedProvider()
+        console.log("err parse cached json");
+        this.clearCachedProvider();
       }
     }
   }
@@ -288,55 +342,54 @@ export class Blockchain {
   public saveProvider() {
     const data = {
       walletType: this.walletType,
-      chainId: this.currentChain
-    }
-    localStorage.setItem(CACHE_KEY, JSON.stringify(data))
+      chainId: this.currentChain,
+    };
+    localStorage.setItem(CACHE_KEY, JSON.stringify(data));
   }
 
   public async disconnect() {
     try {
-      await UserModule.Logout()
-      await this.provider?.disconnect()
-    } catch (err) {
-    }
-    this.currentChain = 0
-    this.walletType = 0
-    this.instanceCacheMap.clear()
-    this.clearCachedProvider()
-    AppModule.updateStep(0)
-    AppModule.updateChainID(0)
-    AppModule.updateNonce('')
-    AppModule.updateAccount('')
-    AppModule.updateWalletStatus(false)
+      await UserModule.Logout();
+      await this.provider?.disconnect();
+    } catch (err) {}
+    this.currentChain = 0;
+    this.walletType = 0;
+    this.instanceCacheMap.clear();
+    this.clearCachedProvider();
+    AppModule.updateStep(0);
+    AppModule.updateChainID(0);
+    AppModule.updateNonce("");
+    AppModule.updateAccount("");
+    AppModule.updateWalletStatus(false);
   }
 
   public subscribeToEvents = () => {
     // Subscribe to accounts change
-    this.provider.on('accountsChanged', async(accounts: string[]) => {
-      console.log('accountsChanged: ', accounts)
+    this.provider.on("accountsChanged", async (accounts: string[]) => {
+      console.log("accountsChanged: ", accounts);
       if (accounts && accounts.length > 0) {
         if (AppModule.accountId !== accounts[0]) {
-          await UserModule.Logout()
-          location.reload()
+          await UserModule.Logout();
+          location.reload();
         }
       }
-    })
+    });
 
     // Subscribe to chainId change
-    this.provider.on('chainChanged', async(chainId: string) => {
-      const chainIdNum = parseInt(chainId)
-      console.log('chainChanged', chainId, chainIdNum)
-      await this.checkChain(chainIdNum)
-      this.currentChain = chainIdNum
-      this.saveProvider()
-      AppModule.updateChainID(this.currentChain)
-    })
+    this.provider.on("chainChanged", async (chainId: string) => {
+      const chainIdNum = parseInt(chainId);
+      console.log("chainChanged", chainId, chainIdNum);
+      await this.checkChain(chainIdNum);
+      this.currentChain = chainIdNum;
+      this.saveProvider();
+      AppModule.updateChainID(this.currentChain);
+    });
 
     // Subscribe to session disconnection
-    this.provider.on('disconnect', (err: any) => {
-      console.log('disconnect', err)
-    })
-  }
+    this.provider.on("disconnect", (err: any) => {
+      console.log("disconnect", err);
+    });
+  };
 
   /**
    * change chain of metamask
@@ -345,27 +398,27 @@ export class Blockchain {
    * @return {Promise<void>}
    */
   async switchEthereumChain(chainId?: number, cb?: () => void) {
-    chainId = chainId || this.currentChain
-    const hexChainId = toHexChainId(chainId)
+    chainId = chainId || this.currentChain;
+    const hexChainId = toHexChainId(chainId);
     const onChainChange = (chainId: string) => {
-      console.log('switchEthereumChain: ', chainId)
-      this.provider.removeListener('chainChanged', onChainChange)
-      cb && cb()
-    }
-    this.provider.on('chainChanged', onChainChange)
+      console.log("switchEthereumChain: ", chainId);
+      this.provider.removeListener("chainChanged", onChainChange);
+      cb && cb();
+    };
+    this.provider.on("chainChanged", onChainChange);
     try {
       await this.provider.request({
-        method: 'wallet_switchEthereumChain',
-        params: [{ chainId: hexChainId }]
-      })
-      console.log('switch chain success')
+        method: "wallet_switchEthereumChain",
+        params: [{ chainId: hexChainId }],
+      });
+      console.log("switch chain success");
     } catch (e: any) {
-      console.log('switch chain error: ', e)
-      if (e.code === 4902 || e.message.indexOf('Unrecognized chain ID') >= 0) {
+      console.log("switch chain error: ", e);
+      if (e.code === 4902 || e.message.indexOf("Unrecognized chain ID") >= 0) {
         try {
-          const data = this.chainMap.get(chainId)!
+          const data = this.chainMap.get(chainId)!;
           await this.provider.request({
-            method: 'wallet_addEthereumChain',
+            method: "wallet_addEthereumChain",
             params: [
               {
                 chainId: hexChainId,
@@ -373,17 +426,17 @@ export class Blockchain {
                 nativeCurrency: {
                   name: data.symbol,
                   symbol: data.symbol,
-                  decimals: data.decimals || 18
+                  decimals: data.decimals || 18,
                 },
                 blockExplorerUrls: [data.explorerurl],
-                rpcUrls: [data.rpc]
-              }
-            ]
-          })
-          console.log('add chain success')
+                rpcUrls: [data.rpc],
+              },
+            ],
+          });
+          console.log("add chain success");
         } catch (addError) {
-          console.error('add chain error: ', addError)
-          this.provider.removeListener('chainChanged', onChainChange)
+          console.error("add chain error: ", addError);
+          this.provider.removeListener("chainChanged", onChainChange);
         }
       }
       // console.error(e)
@@ -391,59 +444,68 @@ export class Blockchain {
   }
 
   public async getTransactionReceipt(txHash: string) {
-    return this.web3.eth.getTransactionReceipt(txHash)
+    return this.web3.eth.getTransactionReceipt(txHash);
   }
 
   public async getTxConfirms(txhash: string) {
-    const receipt: TransactionReceipt = await this.getTransactionReceipt(txhash)
-    const latest = await this.web3.eth.getBlockNumber()
-    return latest - receipt.blockNumber + 1
+    const receipt: TransactionReceipt = await this.getTransactionReceipt(
+      txhash
+    );
+    const latest = await this.web3.eth.getBlockNumber();
+    return latest - receipt.blockNumber + 1;
   }
 
-  public async signPresale({ type, paymentTokenAddress, price, buyerAddress, netId }:
-                           {
-                             type: number | string
-                             paymentTokenAddress: string
-                             price: any
-                             buyerAddress: string
-                             netId?: any
+  public async signPresale({
+    type,
+    paymentTokenAddress,
+    price,
+    buyerAddress,
+    netId,
+  }: {
+    type: number | string;
+    paymentTokenAddress: string;
+    price: any;
+    buyerAddress: string;
+    netId?: any;
   }) {
-    const nonce = Math.random() * 100000 | 0
+    const nonce = (Math.random() * 100000) | 0;
 
     const signMsg = {
       item: type,
       token: paymentTokenAddress,
       price: price,
-      salt: nonce
-    }
-    netId = netId || await this.web3.eth.getChainId()
+      salt: nonce,
+    };
+    netId = netId || (await this.web3.eth.getChainId());
     const signObj = {
       types: {
         EIP712Domain: EIP721_DOMAIN_DATA,
         set: [
-          { name: 'item', type: 'uint256' },
-          { name: 'token', type: 'address' },
-          { name: 'price', type: 'uint256' },
-          { name: 'salt', type: 'uint256' }
-        ]
+          { name: "item", type: "uint256" },
+          { name: "token", type: "address" },
+          { name: "price", type: "uint256" },
+          { name: "salt", type: "uint256" },
+        ],
       },
-      primaryType: 'set',
+      primaryType: "set",
       domain: {
-        name: 'BEBoxMall',
-        version: '1',
+        name: "BEBoxMall",
+        version: "1",
         chainId: netId,
-        verifyingContract: this.mallAddress
+        verifyingContract: this.mallAddress,
       },
-      message: signMsg
-    }
-    const signature = await this.signData(signObj, buyerAddress)
-    return { nonce, signature }
+      message: signMsg,
+    };
+    const signature = await this.signData(signObj, buyerAddress);
+    return { nonce, signature };
   }
 
   public async increaseAllowance(address: string, price: string) {
-    const coinInstance: any = await this.getContractInstance(address)
-    const res = await coinInstance.methods.increaseAllowance(this.mallAddress, price).send({ gas: 1000000 })
-    console.log('increaseAllowance: ', res)
+    const coinInstance: any = await this.getContractInstance(address);
+    const res = await coinInstance.methods
+      .increaseAllowance(this.mallAddress, price)
+      .send({ gas: 1000000 });
+    console.log("increaseAllowance: ", res);
   }
 
   /**
@@ -452,48 +514,55 @@ export class Blockchain {
    * @return {Promise<any>}
    */
   public async getBalance(address: string, account: string | null) {
-    account = account || AppModule.accountId
-    const coinInstance: any = await this.getContractInstance(address)
-    return await coinInstance.methods.balanceOf(account).call()
+    account = account || AppModule.accountId;
+    const coinInstance: any = await this.getContractInstance(address);
+    return await coinInstance.methods.balanceOf(account).call();
   }
 
-  public async transferToAccount(account: string, amount: number, address: string) {
-    const amountBN = this.web3.utils.toBN(this.web3.utils.toWei(amount + ''))
-    const coinInstance: any = await this.getContractInstance(address)
+  public async transferToAccount(
+    account: string,
+    amount: number,
+    address: string
+  ) {
+    const amountBN = this.web3.utils.toBN(this.web3.utils.toWei(amount + ""));
+    const coinInstance: any = await this.getContractInstance(address);
     return coinInstance.methods
       .transfer(account, amountBN)
-      .send({ gas: 1000000 })
+      .send({ gas: 1000000 });
   }
 
   public async signData(signObj: any, signer: string) {
-    const msgParams = JSON.stringify(signObj)
-    const from = signer
-    console.log('clicked, sending personal sign req', 'from', from, msgParams)
-    const params = [from, msgParams]
+    const msgParams = JSON.stringify(signObj);
+    const from = signer;
+    console.log("clicked, sending personal sign req", "from", from, msgParams);
+    const params = [from, msgParams];
     const result: any = await this.sendCmd({
-      method: 'eth_signTypedData_v4',
+      method: "eth_signTypedData_v4",
       params,
-      from
-    })
-    console.log(result)
-    return result.result
+      from,
+    });
+    console.log(result);
+    return result.result;
   }
 
   public async sendCmd({ method, params, from }: any) {
     return new Promise((resolve, reject) => {
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
-      this.web3.currentProvider.sendAsync({
-        method,
-        params,
-        from
-      }, async function(err: any, result: any) {
-        if (err) {
-          reject && reject(err)
-          return
+      this.web3.currentProvider.sendAsync(
+        {
+          method,
+          params,
+          from,
+        },
+        async function (err: any, result: any) {
+          if (err) {
+            reject && reject(err);
+            return;
+          }
+          resolve && resolve(result);
         }
-        resolve && resolve(result)
-      })
-    })
+      );
+    });
   }
 }
diff --git a/mobile/src/components/about/IntroductionBanner.vue b/mobile/src/components/about/IntroductionBanner.vue
index fbf7c92..e223e55 100644
--- a/mobile/src/components/about/IntroductionBanner.vue
+++ b/mobile/src/components/about/IntroductionBanner.vue
@@ -8,7 +8,7 @@
         </div>
         <div class="slogan">
           <div class="cebg-stands">
-            CEBG stands for Crypto Elite's: BATTLEGROUNDS, the first
+            Counter Fire stands for Crypto Elite's: BATTLEGROUNDS, the first
             blockchain-based game consisting of Moba, and Battle royal. It's
             funded by more than 7 institutional investors.
           </div>
diff --git a/mobile/src/components/about/Roadmap.vue b/mobile/src/components/about/Roadmap.vue
index ea45af4..a38a105 100644
--- a/mobile/src/components/about/Roadmap.vue
+++ b/mobile/src/components/about/Roadmap.vue
@@ -93,7 +93,7 @@ const HistoryList = reactive([
     time: "2022.11",
     content: [
       "3D TPS-Hero Version upgrade",
-      "CEBG in-app wallet",
+      "Counter Fire in-app wallet",
       "Social System",
       "Free-to-Play NFT mode",
     ],
diff --git a/mobile/src/components/about/Taem.vue b/mobile/src/components/about/Taem.vue
index 79eb355..299c182 100644
--- a/mobile/src/components/about/Taem.vue
+++ b/mobile/src/components/about/Taem.vue
@@ -25,7 +25,6 @@
           :modules="modules"
           :loop="true"
           :slides-per-view="1"
-          :autoplay="{ delay: 4000, disableOnInteraction: false }"
           :pagination="{ clickable: true }"
         >
           <!-- loop可循环轮播，autoplay可自动播放 -->
@@ -39,7 +38,35 @@
                 <img src="../../assets/img/about/roadmap-time-top.png" alt="" />
               </div>
               <div class="time-content-content">
-                <div class="text" v-html="item.content"></div>
+                <div class="text" v-show="index == 0">
+                  <div class="text-item">Ops Manager in Shanda Group</div>
+                  <div class="text-item">
+                    Co-Founder of Giant Interactive(NYSE:GA)
+                  </div>
+                  <div class="text-item">
+                    Founder of FH Capital, investing in ThinkingData, 91ACT,
+                    Inke(HK:03700), etc
+                  </div>
+                  <div class="text-item">
+                    Founder of Bubble Candy Studio to build Counter Fire
+                  </div>
+                </div>
+                <!-- <div class="text" v-show="index == 1">
+                  <div class="text-item">Gaming data expert in Giant Interactive</div>
+                  <div class="text-item">Core data officer of Foxconn Group (TPE:2354)</div>
+                  <div  class="text-item">Gaming Economist in Bubble Candy Studio</div>
+              
+                </div> -->
+                <div class="text" v-show="index == 1">
+                  <div class="text-item">4 million-player games in Shanda Group</div>
+                  <div class="text-item"> Producer in RobTop Games to build "Geometry Battle Royale" with 20m gamers</div>
+                  <div class="text-item"> Porducer of Counter Fire</div>
+                </div>
+                <div class="text" v-show="index == 2">
+                   <div class="text-item"> Tech Director in Shanda Group</div>
+                   <div class="text-item"> In charge of Legends of the world, The Romance of Legends, etc</div>
+                   <div class="text-item">Expert in Crypto Tech, developing all decentralized products in Counter Fire</div>
+                </div>
               </div>
             </div>
           </swiper-slide>
@@ -67,27 +94,22 @@ const positionY1 = ref(0); //背景Y轴偏移量
 
 const HistoryList = reactive([
   {
-    title: "FOUNDER",
-    time: "MICHEAL YUE",
+    title: "Michael",
+    time: "Founder/CEO",
     content:
-      "Co-Founder of Giant Interactive(NYSE:GA)<br />Ops Manager in ShandaGroup",
+      "- Ops Manager in Shanda &nbsp;&nbsp; Group <br /> - Co-Founder of Giant<br /> &nbsp;&nbsp;Interactive(NYSE:GA) <br /> - Founder of FH Capital,<br /> investing in ThinkingData,<br /> 91ACT,Inke(HK:03700), etc <br />- Founder of Bubble &nbsp;&nbsp;Candy Studio to build &nbsp;&nbsp;CEBG",
   },
   {
-    title: "GAMING ECONOMIST",
-    time: "YODA",
+    title: "Super G",
+    time: "Producer",
     content:
-      "Core data officer of Foxconn GroupGaming data expert in Giant Interactive",
+      '- 4 million-player games &nbsp;&nbsp;in Shanda Group<br /> - Producer in RobTop &nbsp;&nbsp;Games to build<br /> "Geometry Battle Royale"<br/>&nbsp;&nbsp; with 20m gamers<br /> - Porducer of CEBG',
   },
   {
-    title: "PRODUCER",
-    time: "SUPER G",
-    content: "Worked in Shanda Group with 4 million-player games",
-  },
-  {
-    title: "CTO",
-    time: "XIN",
+    title: "Xin",
+    time: "CTO",
     content:
-      "In charge of Legend, Legends of the world, The Romance of Legends, etc",
+      " - Tech Director in Shanda &nbsp;&nbsp;&nbsp;Group<br /> - In charge of Legends of &nbsp;&nbsp;the world, The<br />&nbsp;&nbsp; Romance of Legends, &nbsp;&nbsp;&nbsp;etc<br /> - Expert in Crypto Tech,<br />&nbsp;&nbsp; developing all &nbsp;&nbsp;&nbsp;decentralized products &nbsp;&nbsp; in CEBG",
   },
 ]);
 onMounted(() => {
@@ -109,7 +131,7 @@ function handleScroll() {
 .roadmap {
   position: relative;
   // background: #1e393d;
-//   padding-bottom: 256px;
+  //   padding-bottom: 256px;
   .roadmap-bg {
     position: absolute;
     left: 0;
@@ -175,7 +197,7 @@ function handleScroll() {
       width: 405px;
       //   margin: 0 auto;
       padding-left: 50px;
-    //   height: 8px;
+      //   height: 8px;
       padding-bottom: 64px;
     }
     .title-boder-time {
@@ -198,41 +220,52 @@ function handleScroll() {
         .time-content-title {
           text-align: center;
           font-size: 40px;
-          font-family: 'Big John';
+          font-family: "Big John";
           font-weight: 400;
           color: #000000;
           line-height: 60px;
         }
         .time-content-time {
-            text-align: center;
-            font-size: 40px;
-          font-family: 'Big John';
+          text-align: center;
+          font-size: 40px;
+          font-family: "Big John";
           font-weight: 400;
           color: #000000;
           line-height: 60px;
         }
         .time-content-content {
-          width: 336px;
+          width: 376px;
           margin: 0 auto;
-          height: 436px;
+          height: 486px;
           display: flex;
           flex-direction: column;
           justify-content: center;
           align-items: center;
           background: url("@/assets/img/about/roadmap-time-bg.png") no-repeat;
           background-size: 100% 100%;
-          font-size: 24px;
+          font-size: 14px;
           font-family: "Poppins";
           font-weight: 500;
           color: #ffffff;
-          line-height: 62px;
+          line-height: 41px;
           .text {
             width: 90%;
-            text-align: center;
+            text-align: left;
             //  margin-left: 45px;
             position: relative;
             margin-bottom: 17px;
           }
+          .text-item {
+            width: 100%;
+            padding-left: 15px;
+            overflow-wrap: normal;
+            position: relative;
+          }
+          .text-item::before {
+            position: absolute;
+            content: "-";
+            left: 0px;
+          }
           //   .text::after {
           //     content: " ";
           //     position: absolute;
diff --git a/mobile/src/components/global/ChainModel.vue b/mobile/src/components/global/ChainModel.vue
index 9b51b38..bb4b17e 100644
--- a/mobile/src/components/global/ChainModel.vue
+++ b/mobile/src/components/global/ChainModel.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class="chain-modal" v-if="modalShow" :class="{ mobile: 'mobile' }">
+  <div class="chain-modal mobile" v-if="modalShow">
     <div class="modal-bg" @click="cancelSelect"></div>
-    <div class="modal-content" :class="{ mobile: 'mobile' }">
+    <div class="modal-content mobile">
       <div class="modal-title">You need to connect to supported network</div>
       <div
         class="chain-modal-card"
@@ -22,6 +22,7 @@
 import { ref, computed, onMounted, onUnmounted } from "vue";
 import { ALL_PROVIDERS } from "@/configs/configchain";
 import { useChainStore } from "@/store/chain";
+import { isMobile } from "@/utils/resize";
 import { useEventBus } from "@vueuse/core";
 import * as bus_event from "@/bus/event";
 
@@ -30,8 +31,8 @@ const busNeedChangeChain = useEventBus(bus_event.NEED_CHANGE_CHAIN);
 
 const chain = useChainStore();
 const modalShow = ref(false);
-const isMobile = ref(false);
 const dataType = ref(1);
+const isMobileScreen = ref(isMobile());
 const chainDatas = computed(() => {
   // console.log([...chain.chainManager.availableChains.values()]);
   return [...chain.chainManager.availableChains.values()];
@@ -48,7 +49,6 @@ const chainDatas = computed(() => {
 //     return [];
 //   }
 // });
-
 const currentDatas = computed(() => {
   return (
     {
@@ -64,13 +64,12 @@ let cancelFun = (reason) => {};
 onMounted(() => {
   busShowChainModal.on(showSelectWallet);
   busNeedChangeChain.on(showChangeChain);
-  if (/Mobi/.test(navigator.userAgent)) {
-    isMobile.value = true;
-  }
+  // window.addEventListener("resize", handleResize);
 });
 onUnmounted(() => {
   busShowChainModal.off(showSelectWallet);
   busNeedChangeChain.off(showChangeChain);
+  // window.removeEventListener("resize", handleResize);
 });
 
 function showSelectWallet({ confirm, cancel }) {
@@ -79,11 +78,15 @@ function showSelectWallet({ confirm, cancel }) {
   showModal(0);
 }
 
+function handleResize() {
+  isMobileScreen.value = isMobile();
+}
+
 function showChangeChain({ confirm, cancel }) {
   confirmFun = confirm;
   cancelFun = cancel;
   // showModal(0);
-  cancelSelect();
+  showModal(1);
 }
 
 function cardClicked(id) {
@@ -93,7 +96,7 @@ function cardClicked(id) {
 }
 
 function cancelSelect() {
-  cancelFun && cancelFun("User cancel");
+  cancelFun();
   hideModal();
 }
 
@@ -121,7 +124,7 @@ function hideModal() {
   left: 0;
   overflow: auto;
   margin: 0;
-  z-index: 10;
+  z-index: 999;
   .modal-bg {
     position: absolute;
     top: 0;
diff --git a/mobile/src/components/global/Loading.vue b/mobile/src/components/global/Loading.vue
index 54cadb4..80504ac 100644
--- a/mobile/src/components/global/Loading.vue
+++ b/mobile/src/components/global/Loading.vue
@@ -119,8 +119,8 @@
   
   .logo-img {
     position: relative;
-    width: 174px;
-    height: 170px;
+    width: 132px;
+    height: 44px;
     filter: grayscale(100%);
   }
   
diff --git a/mobile/src/components/home/Banner.vue b/mobile/src/components/home/Banner.vue
index e211706..518cdd0 100644
--- a/mobile/src/components/home/Banner.vue
+++ b/mobile/src/components/home/Banner.vue
@@ -4,22 +4,27 @@
       <div class="title">
         <img src="@/assets/img/mobile-home/banner-slogan.gif" alt="" />
       </div>
-      <div class="download-btns">
-        <div class="andriod">
-          <a href="https://www.cebg.games/release/cebg.apk">
-            <img src="@/assets/img/mobile-home/andriod.png" alt=""
+      <!-- <div class="download-btns">
+        <div class="download-btns-top">
+          <div class="andriod">
+            <a href="https://m.counterfire.games/release/counterfire.apk">
+              <img src="@/assets/img/mobile-home/andriod.png" alt=""
+            /></a>
+          </div>
+          <div class="apple">
+          <a href="https://apps.apple.com/app/counter%20fire/id6444462915">
+            <img src="@/assets/img/mobile-home/app.png" alt=""
           /></a>
         </div>
-        <!-- <div class="apple">
-          <img src="@/assets/img/mobile-home/apple.png" alt="" />
-        </div> -->
+          <div class="google">
+            <a
+              href="https://play.google.com/store/apps/details?id=com.cege.games.release"
+              ><img src="@/assets/img/mobile-home/google.png" alt=""
+            /></a>
+          </div>
+        </div>
         
-        <div class="google">
-          <a href="https://play.google.com/store/apps/details?id=com.cege.games.release"
-            ><img src="@/assets/img/mobile-home/google.png" alt=""
-          /></a>
-        </div>
-      </div>
+      </div> -->
     </div>
     <div class="posters">
       <div class="poster poster-one"></div>
@@ -83,19 +88,26 @@
     }
     .download-btns {
       position: absolute;
-      bottom: 190px;
+      bottom: 160px;
       left: 50%;
       transform: translate(-50%, -50%);
       display: flex;
+      flex-direction: column;
       width: 82%;
       justify-content: space-between;
+      .download-btns-top {
+        display: flex;
+        justify-content: space-between;
+        margin-bottom: 10px;
+      }
       .andriod {
         width: 265px;
         height: 79px;
       }
       .apple {
-        width: 216px;
-        height: 66px;
+        width: 265px;
+        height: 79px;
+        // margin: 0 auto;
       }
       .google {
         width: 265px;
diff --git a/mobile/src/components/home/DameplaySwiperCard.vue b/mobile/src/components/home/DameplaySwiperCard.vue
index dc75ca2..6fe0aba 100644
--- a/mobile/src/components/home/DameplaySwiperCard.vue
+++ b/mobile/src/components/home/DameplaySwiperCard.vue
@@ -58,7 +58,7 @@ const box = ref(null);
 const myRef = ref(null);
 const { tilt, roll, source } = useParallax(box);
 const imageList = reactive([
-  { imgSrc: new URL("@/assets/img/mobile-home/game-swiper-card/01.png", import.meta.url).href },
+  { imgSrc: new URL("@/assets/img/mobile-home/game-swiper-card/01.jpg", import.meta.url).href },
   { imgSrc: new URL("@/assets/img/mobile-home/game-swiper-card/02.png", import.meta.url).href },
   { imgSrc: new URL("@/assets/img/mobile-home/game-swiper-card/03.png", import.meta.url).href },
   { imgSrc: new URL("@/assets/img/mobile-home/game-swiper-card/04.png", import.meta.url).href },
diff --git a/mobile/src/components/home/GameGallerp.vue b/mobile/src/components/home/GameGallerp.vue
index 41a6e3c..036d615 100644
--- a/mobile/src/components/home/GameGallerp.vue
+++ b/mobile/src/components/home/GameGallerp.vue
@@ -26,7 +26,7 @@
         <div class="slogan">
           <div class="slogan-title">
             Embark on an epic journey as a commander in the captivating 3D world
-            of CEBG and engage in thrilling battles against other skilled
+            of Counter Fire and engage in thrilling battles against other skilled
             players. Are you ready to rise up and claim victory?
           </div>
           <!-- <div class="slogan-text">fight against other players!</div> -->
@@ -46,8 +46,8 @@
             <swiper-slide >
               <div class="gallery-banner-img">
                 <YoutubeVideo
-                  id="ecC6FAg5N7k"
-                  src="https://www.youtube.com/watch?v=ecC6FAg5N7k"
+                  id="ptJPhouPUlE"
+                  src="https://www.youtube.com/watch?v=ptJPhouPUlE"
                   :width="720"
                   :height="435"
                 >
@@ -57,8 +57,8 @@
             <swiper-slide >
               <div class="gallery-banner-img">
                 <YoutubeVideo
-                  id="QRXWmEXfU7E"
-                  src="https://www.youtube.com/watch?v=QRXWmEXfU7E"
+                  id="kxix94VzQKA"
+                  src="https://www.youtube.com/watch?v=kxix94VzQKA"
                   :width="720"
                   :height="435"
                 >
@@ -68,25 +68,15 @@
             <swiper-slide >
               <div class="gallery-banner-img">
                 <YoutubeVideo
-                  id="sUQbFj8h4Wo"
-                  src="https://www.youtube.com/watch?v=sUQbFj8h4Wo"
-                  :width="720"
-                  :height="435"
-                >
-                </YoutubeVideo>
-              </div>
-            </swiper-slide>
-            <swiper-slide >
-              <div class="gallery-banner-img">
-                <YoutubeVideo
-                  id="yOoJXogfQs0"
-                  src="https://www.youtube.com/watch?v=yOoJXogfQs0"
+                  id="LyaYGm3FtiU"
+                  src="https://www.youtube.com/watch?v=LyaYGm3FtiU"
                   :width="720"
                   :height="435"
                 >
                 </YoutubeVideo>
               </div>
             </swiper-slide>
+           
           </swiper>
         </div>
      
diff --git a/mobile/src/components/home/WhatCebg.vue b/mobile/src/components/home/WhatCebg.vue
index a8e97d2..db2fc8b 100644
--- a/mobile/src/components/home/WhatCebg.vue
+++ b/mobile/src/components/home/WhatCebg.vue
@@ -20,7 +20,7 @@
       </div>
       <div class="slogan">
         <div>
-          CEBG is the highly-anticipated first blockchain-based game to offer a
+          Counter Fire is the highly-anticipated first blockchain-based game to offer a
           unique combination of MOBA and Battle Royale gameplay.
         </div>
         <div>
diff --git a/mobile/src/components/layout/FooterBar.vue b/mobile/src/components/layout/FooterBar.vue
index c566c68..0a9f96f 100644
--- a/mobile/src/components/layout/FooterBar.vue
+++ b/mobile/src/components/layout/FooterBar.vue
@@ -44,11 +44,10 @@
             <!-- <img src="@/assets/svg/discord.svg" alt=""
             /> -->
           </a>
-          <a href="https://t.me/CEBG_official" class="telegram">
-            <!-- <img src="@/assets/svg/telegram.svg" alt=""
-            /> -->
-          </a>
-          <a href="https://twitter.com/CEBG_GAME" class="twiter">
+          <!-- <a href="https://t.me/CEBG_official" class="telegram">
+            
+          </a> -->
+          <a href="https://twitter.com/_CounterFire" class="twiter">
             <!-- <img src="@/assets/svg/twitter.svg" alt=""
             /> -->
           </a>
@@ -140,7 +139,7 @@ onUnmounted(() => {
     .follow {
       display: flex;
       padding-top: 49px;
-      width: 296px;
+      width: 206px;
       margin: 0 auto;
       justify-content: space-between;
       padding-bottom: 76px;
@@ -312,8 +311,8 @@ onUnmounted(() => {
         justify-content: center;
         align-items: center;
         img {
-          width: 128px;
-          height: 127px;
+          width: 188px;
+          height: 84px;
         }
         padding-bottom: 51px;
       }
diff --git a/mobile/src/components/layout/NavBar.vue b/mobile/src/components/layout/NavBar.vue
index 7e4d3a6..e76b6e0 100644
--- a/mobile/src/components/layout/NavBar.vue
+++ b/mobile/src/components/layout/NavBar.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="nav">
     <div class="nav-logo">
-      <a href="/home"> <img src="../../assets/img/home/nav-logo.png" alt="" /></a>
+      <a href="/"> <img src="../../assets/img/home/nav-logo.png" alt="" /></a>
     </div>
     <div class="nav-right">
       <div class="avatar-icon" v-if="!chain.logined" @click="login">
@@ -43,7 +43,7 @@
       </div>
     </a-drawer>
   </div>
-  <ChainModel></ChainModel>
+  <ChainModel />
 </template>
 
 <script setup>
@@ -53,10 +53,12 @@ import { useRouter, useRoute } from "vue-router";
 import ChainModel from "../../components/global/ChainModel.vue";
 import { useChainStore } from "@/store/chain";
 import { useAppStore } from "@/store/app";
+import { hasMetamask } from "@/utils/chain.util";
 const router = useRouter();
 const route = useRoute();
 const navShow = ref(false);
 const activeIndex = ref(0);
+const isModalVisible = ref(false);
 const chain = useChainStore();
 onMounted(async () => {
   navShow.value = true;
@@ -73,36 +75,20 @@ provide("navShow", navShow);
 function switchNav(event) {
   navShow.value = !navShow.value;
 }
-const navList = reactive([ 
-   { id: 0, name: "BETA TEST II", path: "/" },
-  { id: 1, name: "HOME", path: "/home" },
-  { id: 2, name: "ABOUT", path: "/about" },
-
-
-  // {
-  //   id: 2,
-  //   name: "MARKETPLACE",
-  //   path: "/marketpalce",
-  //   submenu: [{ label: "Coming soon", link: "/products/1" }],
-  // },
-  // {
-  //   id: 3,
-  //   name: "COMMUNITY",
-  //   path: "/contact",
-  //   submenu: [
-  //     { label: "Twitter", link: "/products/1" },
-  //     { label: "Youtube", link: "/products/2" },
-  //     { label: "Facebook", link: "/products/3" },
-  //     { label: "Medium", link: "/products/3" },
-  //     { label: "Telegram", link: "/products/3" },
-  //   ],
-  // },
+const navList = reactive([
+  { id: 0, name: "HOME", path: "/" },
+  { id: 1, name: "ABOUT", path: "/about" },
+  { id: 2, name: "GACHA", path: "https://m.gacha.counterfire.games/" },
+  { id: 3, name: "BADGE", path: "https://m.badge.counterfire.games/" },
 ]);
 async function login(event) {
+  var next = window.location.href;
+
   if (!chain.logined) {
-    // 没有登录情况下执行登录
+    //没有登录情况下执行登录
+
     await chain.chainManager.login();
-    console.log("logined:", chain.chainManager.isLogined);
+    // console.log("logined:", chain.chainManager.isLogined);
     chain.logined = chain.chainManager.isLogined;
   }
 }
@@ -110,11 +96,16 @@ const logout = async () => {
   await chain.chainManager.logout();
   console.log("logined:", chain.chainManager.isLogined);
   chain.logined = chain.chainManager.isLogined;
+  window.location.reload();
 };
 function onLinkTo(item, index) {
   activeIndex.value = index;
-  router.push(item.path);
-  navShow.value = false;
+  if (index < 2) {
+    router.push(item.path);
+    navShow.value = false;
+  } else {
+    window.location.href = item.path;
+  }
 }
 
 watchEffect(() => {
@@ -132,16 +123,16 @@ watchEffect(() => {
   position: fixed;
   left: 0;
   top: 0;
-  z-index: 2000;
+  z-index: 200;
   justify-content: space-between;
   align-items: center;
   .nav-logo {
-    width: 91px;
-    height: 89px;
+    width: 162px;
+    height: 64px;
     margin-left: 25px;
     img {
-      width: 91px;
-      height: 89px;
+      width: 162px;
+      height: 64px;
     }
   }
   .nav-right {
@@ -167,7 +158,7 @@ watchEffect(() => {
         width: 36px;
         height: 36px;
       }
-      background: url('../../assets/img/mobile-home/nav-btn-bg.png') no-repeat;
+      background: url("../../assets/img/mobile-home/nav-btn-bg.png") no-repeat;
       background-size: contain;
     }
     .nav-btn-active {
@@ -183,7 +174,8 @@ watchEffect(() => {
         width: 36px;
         height: 36px;
       }
-      background: url('../../assets/img/mobile-home/nav-btn-bg-active.png') no-repeat;
+      background: url("../../assets/img/mobile-home/nav-btn-bg-active.png")
+        no-repeat;
       background-size: contain;
     }
   }
@@ -199,7 +191,7 @@ watchEffect(() => {
   font-family: "Big John";
   font-weight: 400;
   position: relative;
-  color: #FFBA00;
+  color: #ffba00;
 }
 
 // .nav-item-active a::after {
@@ -230,6 +222,6 @@ watchEffect(() => {
   font-family: "Big John";
   font-weight: 400;
   // position: relative;
-  color: #FFBA00;
+  color: #ffba00;
 }
 </style>
diff --git a/mobile/src/components/layout/index.vue b/mobile/src/components/layout/index.vue
index d9e4371..e21982d 100644
--- a/mobile/src/components/layout/index.vue
+++ b/mobile/src/components/layout/index.vue
@@ -1,7 +1,7 @@
 <template>
   <LogoAnimation v-if="!appLoaded"></LogoAnimation>
   <div v-else class="layout">
-    <NavBarVue v-if="currentRoute.path !== '/'"></NavBarVue>
+    <NavBarVue ></NavBarVue>
     <main class="content">
       <slot></slot>
     </main>
diff --git a/mobile/src/configs/allchain.ts b/mobile/src/configs/allchain.ts
index f99681f..666a4fd 100644
--- a/mobile/src/configs/allchain.ts
+++ b/mobile/src/configs/allchain.ts
@@ -215,6 +215,7 @@ export const AllChains = [
     name: 'Arbitrum Mainnet RPC',
     type: 'Mainnet',
     rpc: 'https://rpc.ankr.com/arbitrum',
+    logo: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojMDA5M0REO30KCS5zdDF7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGc+Cgk8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIvPgoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTEzLjUsMTZsNS4yLDUuM0wyMiwxOGMwLjYtMC42LDEuNS0wLjYsMiwwYzAsMCwwLDAsMCwwYzAuNiwwLjYsMC42LDEuNiwwLDIuMmwtNC4zLDQuNAoJCWMtMC42LDAuNi0xLjUsMC42LTIuMSwwYzAsMCwwLDAsMCwwbC02LjItNi40VjIyYzAsMC44LTAuNywxLjUtMS41LDEuNWMtMC44LDAtMS41LTAuNy0xLjUtMS41VjEwYzAtMC44LDAuNy0xLjUsMS41LTEuNQoJCWMwLjgsMCwxLjUsMC43LDEuNSwxLjV2My44bDYuMi02LjRjMC42LTAuNiwxLjUtMC42LDIuMSwwYzAsMCwwLDAsMCwwbDQuMyw0LjRjMC42LDAuNiwwLjYsMS42LDAsMi4yYy0wLjYsMC42LTEuNSwwLjYtMiwwCgkJYzAsMCwwLDAsMCwwbC0zLjMtMy40TDEzLjUsMTZ6IE0xOC43LDE0LjVjMC44LDAsMS41LDAuNywxLjUsMS41cy0wLjcsMS41LTEuNSwxLjVzLTEuNS0wLjctMS41LTEuNQoJCUMxNy4yLDE1LjIsMTcuOSwxNC41LDE4LjcsMTQuNXoiLz4KPC9nPgo8L3N2Zz4K',
     id: 42161,
     symbol: 'ETH',
     explorerurl: 'https://arbiscan.io/'
diff --git a/mobile/src/configs/configchain.js b/mobile/src/configs/configchain.js
index bf59390..715cc96 100644
--- a/mobile/src/configs/configchain.js
+++ b/mobile/src/configs/configchain.js
@@ -9,13 +9,13 @@ export const ALL_PROVIDERS = [
   },
   {
     id: 2,
-    name: "WalletConnect",
-    logo: "data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHdpZHRoPSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxyYWRpYWxHcmFkaWVudCBpZD0iYSIgY3g9IjAlIiBjeT0iNTAlIiByPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM1ZDlkZjYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMDZmZmYiLz48L3JhZGlhbEdyYWRpZW50PjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0ibTI1NiAwYzE0MS4zODQ4OTYgMCAyNTYgMTE0LjYxNTEwNCAyNTYgMjU2cy0xMTQuNjE1MTA0IDI1Ni0yNTYgMjU2LTI1Ni0xMTQuNjE1MTA0LTI1Ni0yNTYgMTE0LjYxNTEwNC0yNTYgMjU2LTI1NnoiIGZpbGw9InVybCgjYSkiLz48cGF0aCBkPSJtNjQuNjkxNzU1OCAzNy43MDg4Mjk4YzUxLjUzMjgwNzItNTAuMjc4NDM5NyAxMzUuMDgzOTk0Mi01MC4yNzg0Mzk3IDE4Ni42MTY3OTkyIDBsNi4yMDIwNTcgNi4wNTEwOTA2YzIuNTc2NjQgMi41MTM5MjE4IDIuNTc2NjQgNi41ODk3OTQ4IDAgOS4xMDM3MTc3bC0yMS4yMTU5OTggMjAuNjk5NTc1OWMtMS4yODgzMjEgMS4yNTY5NjE5LTMuMzc3MSAxLjI1Njk2MTktNC42NjU0MjEgMGwtOC41MzQ3NjYtOC4zMjcwMjA1Yy0zNS45NTA1NzMtMzUuMDc1NDk2Mi05NC4yMzc5NjktMzUuMDc1NDk2Mi0xMzAuMTg4NTQ0IDBsLTkuMTQwMDI4MiA4LjkxNzU1MTljLTEuMjg4MzIxNyAxLjI1Njk2MDktMy4zNzcxMDE2IDEuMjU2OTYwOS00LjY2NTQyMDggMGwtMjEuMjE1OTk3My0yMC42OTk1NzU5Yy0yLjU3NjY0MDMtMi41MTM5MjI5LTIuNTc2NjQwMy02LjU4OTc5NTggMC05LjEwMzcxNzd6bTIzMC40OTM0ODUyIDQyLjgwODkxMTcgMTguODgyMjc5IDE4LjQyMjcyNjJjMi41NzY2MjcgMi41MTM5MTAzIDIuNTc2NjQyIDYuNTg5NzU5My4wMDAwMzIgOS4xMDM2ODYzbC04NS4xNDE0OTggODMuMDcwMzU4Yy0yLjU3NjYyMyAyLjUxMzk0MS02Ljc1NDE4MiAyLjUxMzk2OS05LjMzMDg0LjAwMDA2Ni0uMDAwMDEtLjAwMDAxLS4wMDAwMjMtLjAwMDAyMy0uMDAwMDMzLS4wMDAwMzRsLTYwLjQyODI1Ni01OC45NTc0NTFjLS42NDQxNi0uNjI4NDgxLTEuNjg4NTUtLjYyODQ4MS0yLjMzMjcxIDAtLjAwMDAwNC4wMDAwMDQtLjAwMDAwOC4wMDAwMDctLjAwMDAxMi4wMDAwMTFsLTYwLjQyNjk2ODMgNTguOTU3NDA4Yy0yLjU3NjYxNDEgMi41MTM5NDctNi43NTQxNzQ2IDIuNTEzOTktOS4zMzA4NDA4LjAwMDA5Mi0uMDAwMDE1MS0uMDAwMDE0LS4wMDAwMzA5LS4wMDAwMjktLjAwMDA0NjctLjAwMDA0NmwtODUuMTQzODY3NzQtODMuMDcxNDYzYy0yLjU3NjYzOTI4LTIuNTEzOTIxLTIuNTc2NjM5MjgtNi41ODk3OTUgMC05LjEwMzcxNjNsMTguODgyMzEyNjQtMTguNDIyNjk1NWMyLjU3NjYzOTMtMi41MTM5MjIyIDYuNzU0MTk5My0yLjUxMzkyMjIgOS4zMzA4Mzk3IDBsNjAuNDI5MTM0NyA1OC45NTgyNzU4Yy42NDQxNjA4LjYyODQ4IDEuNjg4NTQ5NS42Mjg0OCAyLjMzMjcxMDMgMCAuMDAwMDA5NS0uMDAwMDA5LjAwMDAxODItLjAwMDAxOC4wMDAwMjc3LS4wMDAwMjVsNjAuNDI2MTA2NS01OC45NTgyNTA4YzIuNTc2NTgxLTIuNTEzOTggNi43NTQxNDItMi41MTQwNzQzIDkuMzMwODQtLjAwMDIxMDMuMDAwMDM3LjAwMDAzNTQuMDAwMDcyLjAwMDA3MDkuMDAwMTA3LjAwMDEwNjNsNjAuNDI5MDU2IDU4Ljk1ODM1NDhjLjY0NDE1OS42Mjg0NzkgMS42ODg1NDkuNjI4NDc5IDIuMzMyNzA5IDBsNjAuNDI4MDc5LTU4Ljk1NzE5MjVjMi41NzY2NC0yLjUxMzkyMzEgNi43NTQxOTktMi41MTM5MjMxIDkuMzMwODM5IDB6IiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk4IDE2MCkiLz48L2c+PC9zdmc+",
-    desc: "Scan with WalletConnect to connect",
+    name: "OKX Wallet",
+    logo: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAKlBMVEX///8AAACAgIAgICBAQECfn59gYGAQEBBwcHDf398wMDDv7+9QUFCQkJCj6kukAAAApElEQVRYw2MQJBkwjGoZ1TKqZcRrKTaGAoQQTMQcuxbxCQxQ0AgTEoOJcBZi1SIMk2cIhAkJwYUcR7WMahnVQqEWwdZQKDBJg4LDV6EiQYSKCweY2TxElzAJMC1Mo1pGtYxqITqLsRHSkqQEBWYwRjuMoYajRsZXXCwcLS1HtYxqoVCL+AbcjV5uQ+wZ2cQFArwQQlARF/fRzsiollEto1pI1wIAi3RABJinaAMAAAAASUVORK5CYII=",
+    desc: "Connect to your OKX Wallet",
   },
 ];
 
-export const AVAILABLE_CHAINS = env === "production" ? [321] : [322];
+export const AVAILABLE_CHAINS = env === "production" ? [42161] : [42161];
 
 export const OFFICE_ACCOUNT =
   env === "production"
diff --git a/mobile/src/router/index.js b/mobile/src/router/index.js
index a660009..d6f7f73 100644
--- a/mobile/src/router/index.js
+++ b/mobile/src/router/index.js
@@ -1,18 +1,11 @@
 import { createRouter, createWebHistory } from "vue-router";
-const Beta = () => import('../views/GamePromotionEvent.vue')
-const Home = () => import('../views/HomeView.vue')
-const About = () => import('../views/AboutView.vue')
+const Beta = () => import("../views/GamePromotionEvent.vue");
+///const Home = () => import("../views/HomeView.vue");
+import Home  from '../views/HomeView.vue'
+const About = () => import("../views/AboutView.vue");
 const routes = [
   {
     path: "/",
-    name: "beta",
-    component: Beta,
-    meta: {
-      showInMenu: true,
-    },
-  },
-  {
-    path: "/home",
     name: "home",
     component: Home,
     meta: {
@@ -60,7 +53,7 @@ const routes = [
 
 const router = createRouter({
   history: createWebHistory(),
-  routes
+  routes,
 });
 router.afterEach((to, from) => {
   let bodySrcollTop = document.body.scrollTop;
@@ -74,18 +67,20 @@ router.afterEach((to, from) => {
   }
 });
 function isMobileDevice(userAgent) {
-  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent);
+  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
+    userAgent
+  );
 }
 
 router.beforeEach((to, from, next) => {
   const isMobile = isMobileDevice(window.navigator.userAgent);
 
-  
-  // 对于移动端官网项目：
-  if (isMobile) {
+  if (to.query.code) {
+    window.location.href = `https://m.gacha.counterfire.games/?code=${to.query.code}`;
+  } else if (isMobile) {
     next(); // 如果是移动设备，继续导航
   } else {
-    window.location.href = 'https://desktop.cebg.games';
+    window.location.href = "https://www.counterfire.games";
   }
 });
 
diff --git a/mobile/src/store/chain.js b/mobile/src/store/chain.js
index 648fcf8..2369797 100644
--- a/mobile/src/store/chain.js
+++ b/mobile/src/store/chain.js
@@ -6,7 +6,7 @@ export const useChainStore = defineStore('chain', ()=> {
   const logined = ref(false);
   const chainManager = ref(new ChainManager());
   chainManager.value.init().then(()=> {
-    console.log("chain init:", {chainManager})
+   // console.log("chain init:", {chainManager})
     logined.value = chainManager.value.isLogined;
   });
 
diff --git a/mobile/src/utils/chain.util.ts b/mobile/src/utils/chain.util.ts
index 22482f0..5045c85 100644
--- a/mobile/src/utils/chain.util.ts
+++ b/mobile/src/utils/chain.util.ts
@@ -7,6 +7,14 @@ export function verifyInjectedProvider(check: string): boolean {
   window.web3.currentProvider[check]
 }
 
+export function verifyInjectedProviderok(check: string): boolean {
+  return window.okxwallet
+    ? window.okxwallet[check]
+    : window.web3 &&
+  window.web3.currentProvider &&
+  window.web3.currentProvider[check]
+}
+
 /**
  * check if there have metamask
  * @return {boolean}
@@ -19,6 +27,14 @@ export function hasMetamask(): boolean {
   }
 }
 
+export function hasOKExWallet(): boolean {
+  if (!!window.okxwallet || !!window.web3) {
+    return verifyInjectedProviderok('isokxwallet')
+  } else {
+    return false
+  }
+}
+
 /**
  * change price with customer decimals to bigNum with 18 decimals
  * @param {number} price
diff --git a/mobile/src/utils/request.ts b/mobile/src/utils/request.ts
index 7e9a7c9..4fe6a26 100644
--- a/mobile/src/utils/request.ts
+++ b/mobile/src/utils/request.ts
@@ -3,9 +3,9 @@ import { message } from 'ant-design-vue'
 
 import glodata from '@/store/user_global';
 
-
+const VUE_APP_BASE_API='https://market.cebg.games'
 const service = axios.create({
-  baseURL: import.meta.env.VUE_APP_BASE_API,
+  baseURL: VUE_APP_BASE_API,
   timeout: 5000
 })
 
diff --git a/mobile/vite.config.js b/mobile/vite.config.js
index c62b623..0019c39 100644
--- a/mobile/vite.config.js
+++ b/mobile/vite.config.js
@@ -31,6 +31,7 @@ export default defineConfig({
     outDir: 'dist',
     // 打包文件名
     assetsDir: 'static',
+    sourcemap: false, // 禁用源映射
     // 静态资源引用路径
     assetsPublicPath: '/',
     // 是否开启压缩
@@ -41,7 +42,6 @@ export default defineConfig({
     env: {
       BASE_URL: process.env.VITE_API_BASE_URL
     },
-    sourcemap: true,
     rollupOptions: {
       plugins: [nodePolyfills()],
     },
