diff --git a/.env.development b/.env.development
index b8abc9c..ad82b70 100644
--- a/.env.development
+++ b/.env.development
@@ -1,6 +1,6 @@
 # API
-VUE_APP_API_URL = 'https://oauth-svr.cebggame.com/task'
-# VUE_APP_API_URL = 'http://192.168.100.22:3006'
+# VUE_APP_API_URL = 'https://oauth-svr.cebggame.com/task'
+VUE_APP_API_URL = 'http://192.168.100.22:3006'
 # VUE_APP_API_URL = 'http://127.0.0.1:3006/api'
 VUE_APP_WL_URL = 'https://nftwl.counterfire.games/wl_test'
 VUE_APP_CONFIG_URL = 'https://sepolia.infura.io/v3/b6bf7d3508c941499b10025c0776eaf8'
@@ -18,6 +18,6 @@ VUE_APP_CHAIN_ID = '5611'
 VUE_APP_APP_NAME = 'CF UAW'
 
 # 铭文的验证地址
-VUE_APP_SCRIPTION_ADDRESS='0xcd4bb3402f1a444a1af10f31946ed37dac0eac4d'
-# VUE_APP_SCRIPTION_ADDRESS='0x50A8e60041A206AcaA5F844a1104896224be6F39'
+# VUE_APP_SCRIPTION_ADDRESS='0xcd4bb3402f1a444a1af10f31946ed37dac0eac4d'
+VUE_APP_SCRIPTION_ADDRESS='0x50A8e60041A206AcaA5F844a1104896224be6F39'
 VUE_APP_CONTRACT='0x0Fd13D2CD0B6c679B6f92590E0b91C18DDe7BD3A'
diff --git a/.env.production b/.env.production
index 3332ec5..11be463 100644
--- a/.env.production
+++ b/.env.production
@@ -1,5 +1,5 @@
 # API
-VUE_APP_API_URL = 'https://oauth-svr.cebggame.com/task'
+VUE_APP_API_URL = 'https://taskapi.cebggame.com'
 VUE_APP_WL_URL = 'https://nftwl.counterfire.games/wl_test'
 VUE_APP_CONFIG_URL = 'https://sepolia.infura.io/v3/b6bf7d3508c941499b10025c0776eaf8'
 
diff --git a/src/router/index.js b/src/router/index.js
index f40e418..ae8da6a 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -11,7 +11,7 @@ const routes = [
     component: HomeView
   },
   {
-    path: '/home/:name/:box/:boxId',
+    path: '/home/:code',
     name: 'home',
     component: HomeView
   },
diff --git a/src/views/home/boxBtm.vue b/src/views/home/boxBtm.vue
index ea4dec6..0b6b9b9 100644
--- a/src/views/home/boxBtm.vue
+++ b/src/views/home/boxBtm.vue
@@ -536,7 +536,7 @@ export default {
     // 复制助力链接
     copyLink(data) {
       this.userData = JSON.parse(localStorage.getItem("userData"))
-      let url = `${location.protocol}//${location.host}/home/new=${this.userData.code}/box=${data.shareCode}/id=${data.id}`
+      let url = `${location.protocol}//${location.host}/home/box=${data.shareCode}`
       let oInput = document.createElement("input");
       oInput.value = url;
       document.body.appendChild(oInput);
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 0bfb37d..875c040 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -11,7 +11,7 @@
               <li>
                 <div class="top">
                   <span class="textCol4">{{ myInviteCount }}</span>
-                  <img src="./../../assets/common/Invites.png" alt="">
+                  <img src="./../../assets/common/Invites.png" alt />
                 </div>
                 <div class="btm">Invites</div>
                 <div class="hover-tips">Successful invtations</div>
@@ -19,7 +19,7 @@
               <li>
                 <div class="top">
                   <span class="textCol3">{{ myEnhanceCount }}</span>
-                  <img src="./../../assets/common/Icon_Boosting.png" alt="">
+                  <img src="./../../assets/common/Icon_Boosting.png" alt />
                 </div>
                 <div class="btm">Boosting</div>
                 <div class="hover-tips">Daily boosting reamaining times</div>
@@ -27,7 +27,7 @@
               <li>
                 <div class="top">
                   <span class="textCol2">{{ todayStepTicket }}</span>
-                  <img src="./../../assets/common/Icon_Explore.png" alt="">
+                  <img src="./../../assets/common/Icon_Explore.png" alt />
                 </div>
                 <div class="btm">Exploration</div>
                 <div class="hover-tips">Explorations obtained</div>
@@ -35,7 +35,7 @@
               <li>
                 <div class="top">
                   <span class="textCol1">{{ usesScore }}</span>
-                  <img src="./../../assets/common/Icon_Points.png" alt="">
+                  <img src="./../../assets/common/Icon_Points.png" alt />
                 </div>
                 <div class="btm">Points</div>
                 <div class="hover-tips">Explorations obtained</div>
@@ -45,62 +45,79 @@
               </div>
             </div>
             <div class="left-top-points-right">
-              <img v-if="inWhiteList == 1" src="@/assets/common/wallet-yes.png" alt="">
-              <img v-else src="@/assets/common/wallet-no.png" alt="">
-              <div class="hover-tips">Holder of the partner NFT collections will receive additional rewards</div>
+              <img v-if="inWhiteList == 1" src="@/assets/common/wallet-yes.png" alt />
+              <img v-else src="@/assets/common/wallet-no.png" alt />
+              <div
+                class="hover-tips"
+              >Holder of the partner NFT collections will receive additional rewards</div>
             </div>
           </div>
         </div>
         <div class="left-title">
           <div class="left-title-left" v-if="navIndex == 0 || navIndex == 2">
-            <div>LOOMING FOG OF THE <img src="./../../assets/home/Icon_star.png" alt=""> UNKNOWN</div>
+            <div>
+              LOOMING FOG OF THE
+              <img src="./../../assets/home/Icon_star.png" alt /> UNKNOWN
+            </div>
             <p v-if="navIndex == 0">Phase 1 Quest Log</p>
           </div>
           <div class="left-title-left" v-if="navIndex == 1">
-            <div>HILL'S <img src="./../../assets/home/Icon_star.png" alt=""> TREASURE HUNT</div>
-            <p>
-              Phase 2 Exploration Missions
-            </p>
+            <div>
+              HILL'S
+              <img src="./../../assets/home/Icon_star.png" alt /> TREASURE HUNT
+            </div>
+            <p>Phase 2 Exploration Missions</p>
           </div>
           <div class="left-title-right">
             <p>Invite friends to earn</p>
-            <p>more rewards <span class="tips" @click="ruleDialogVisible = true">!</span></p>
-            <div class="copy-btn" @click="copyLinkCode"><img src="./../../assets/common/Icon_Explore.png" alt=""> Copy referral link</div>
-            <div class="copy-see" @click="isLogin">
-              View Invites
+            <p>
+              more rewards
+              <span class="tips" @click="ruleDialogVisible = true">!</span>
+            </p>
+            <div class="copy-btn" @click="copyLinkCode">
+              <img src="./../../assets/common/Icon_Explore.png" alt /> Copy referral link
             </div>
+            <div class="copy-see" @click="isLogin">View Invites</div>
             <div class="rule"></div>
           </div>
         </div>
         <div class="explore">
           <div class="explore-zill">
-            <gameView ref="stepId" :stepAmount="stepAmount" :getTotalUsed="getTotalUsed" @awardDialog="exploreAwardDialog" />
+            <gameView
+              ref="stepId"
+              :stepAmount="stepAmount"
+              :getTotalUsed="getTotalUsed"
+              @awardDialog="exploreAwardDialog"
+            />
           </div>
           <div class="explore-desc" v-if="navIndex == 0 || navIndex == 2">
             <div class="explore-desc-logo">
-              <img src="./../../assets/home/Icon_smile.png" alt="">
+              <img src="./../../assets/home/Icon_smile.png" alt />
             </div>
             <h4>How it works</h4>
-            <div
-              class="desc"
-            >Every step is filled with possibilities; every movement might begin a new chapter. <br /> All on-chain activities are built on opBNB. <br />Click on the smiley face to view more details on Medium</div>
+            <div class="desc">
+              Every step is filled with possibilities; every movement might begin a new chapter.
+              <br />All on-chain activities are built on opBNB.
+              <br />Click on the smiley face to view more details on Medium
+            </div>
           </div>
           <div class="explore-desc-map" v-if="navIndex == 1">
             <li>
               <h2>EXPLORE</h2>
               <div class="logo">
-                <img src="./../../assets/common/Icon_Explore1.png" alt="">
+                <img src="./../../assets/common/Icon_Explore1.png" alt />
               </div>
             </li>
             <li>
               <div class="check">
                 <span @click="decrease">-</span>
-                <span>{{ stepTicket }} <img src="./../../assets/common/Icon_Explore1.png" alt=""></span>
+                <span>
+                  {{ stepTicket }}
+                  <img src="./../../assets/common/Icon_Explore1.png" alt />
+                </span>
                 <span @click="increase">+</span>
               </div>
-              <div class="max" @click="exploreMax">
-                MAX
-              </div>
+              <div class="max" @click="exploreMax">MAX</div>
             </li>
             <li class="explore-btn" @click="exploreCli(stepTicket)">Explore Map</li>
           </div>
@@ -108,8 +125,7 @@
       </div>
       <div class="right">
         <div class="right-header">
-          <div class="right-header-left">
-          </div>
+          <div class="right-header-left"></div>
           <div class="right-header-right">
             <div class="link">
               <li v-for="(item, index) in linkList" :key="index">
@@ -122,12 +138,14 @@
             </div>
             <div class="wallet" @click="onWalletLogin">
               <span v-if="!showAddress">X Connected</span>
-              <div
-                class="wallet-address"
-                v-else
-              >{{ showAddress }}</div>
+              <div class="wallet-address" v-else>{{ showAddress }}</div>
               <div class="wallet-btn">
-                <img v-if="!showAddress" class="hover-show" src="./../../assets/home/Connect Menu1.png" alt />
+                <img
+                  v-if="!showAddress"
+                  class="hover-show"
+                  src="./../../assets/home/Connect Menu1.png"
+                  alt
+                />
                 <img v-else class="hover-none" src="@/assets/home/ICON03.png" alt />
               </div>
             </div>
@@ -142,8 +160,8 @@
               @click="navBtn(index)"
             >
               <div class="nav-img">
-                <img v-if="navIndex == index" :src="item.imgSrc1" alt="">
-                <img v-else :src="item.imgSrc" alt="">
+                <img v-if="navIndex == index" :src="item.imgSrc1" alt />
+                <img v-else :src="item.imgSrc" alt />
               </div>
             </li>
           </div>
@@ -169,7 +187,11 @@
                 <div class="bar-top">
                   <div class="bar-top-left">Progress</div>
                   <div class="bar-top-right">
-                    <div class="bar-top-jinDu" :style="{width: filteredBar+'%'}" ref="questPendingBg"></div>
+                    <div
+                      class="bar-top-jinDu"
+                      :style="{width: filteredBar+'%'}"
+                      ref="questPendingBg"
+                    ></div>
                   </div>
                 </div>
                 <div class="bar-btm">
@@ -179,21 +201,15 @@
               </div>
               <div class="bar-right">
                 <div class="bar-no">
-                  <span>X 3 </span>
-                  <img src="@/assets/common/Icon_Explore.png" alt="">
+                  <span>X 3</span>
+                  <img src="@/assets/common/Icon_Explore.png" alt />
                 </div>
               </div>
             </div>
             <div class="quest-list">
               <li v-for="(item, index) in activeList" :key="index">
-                <div class="quest-item"  @click="toPost(item, true)">
+                <div class="quest-item" @click="toPost(item, true)">
                   <div class="content-right-left">
-                    <!-- <div class="img-logo">
-                      <img src="./../../assets/home/twitter.png" alt />
-                    </div>
-                    <div class="score">
-                      <span>{{ item.score }} Pts</span>
-                    </div>-->
                     <div class="desc">
                       <h3>{{ item.title }}</h3>
                       <p>{{ item.desc }}</p>
@@ -201,38 +217,52 @@
                   </div>
                   <div v-if="token != null" class="btn">
                     <div class="is-btn">
-                      <div v-if="item.status == 0" class="started" @click.stop="toPost(item)">{{ item.actionTitle }}</div>
-                      <CheckBtn v-if="item.status == 1" @stateupdate="toCheck" :dataid="item.id" time="10" title="Verify" class="started">Verify</CheckBtn>
-                      <div v-if="item.status == 2" class="claim" @click.stop="getTaskClaim(item.id)">Claim</div>
-                      <div v-if="item.status == 3" class="success">+{{ item.score }} <img src="./../../assets/common/Checkmark (1).png" alt=""></div>
+                      <div
+                        v-if="item.status == 0"
+                        class="started"
+                        @click.stop="toPost(item)"
+                      >{{ item.actionTitle }}</div>
+                      <CheckBtn
+                        v-if="item.status == 1"
+                        @stateupdate="toCheck"
+                        :dataid="item.id"
+                        time="10"
+                        title="Verify"
+                        class="started"
+                      >Verify</CheckBtn>
+                      <div
+                        v-if="item.status == 2"
+                        class="claim"
+                        @click.stop="getTaskClaim(item.id)"
+                      >Claim</div>
+                      <div v-if="item.status == 3" class="success">
+                        +{{ item.score }}
+                        <img src="./../../assets/common/Checkmark (1).png" alt />
+                      </div>
                     </div>
                   </div>
-                  <div class='light-btn' v-else @click.stop="onWalletLogin">Connect Wallet</div>
+                  <div class="light-btn" v-else @click.stop="onWalletLogin">Connect Wallet</div>
                 </div>
               </li>
             </div>
           </div>
-          <div class="tips">
-            *Claim will consume a small amount of gas.
-          </div>
+          <div class="tips">*Claim will consume a small amount of gas.</div>
         </div>
         <div class="skip" v-if="navIndex == 0">
           <div class="skip-left">
             <div class="skip-icon">
-              <img src="./../../assets/home/Icon_.png" alt="">
+              <img src="./../../assets/home/Icon_.png" alt />
             </div>
             <div class="skip-desc">
               <p>You will skip the social media tasks, forfeiting the points for this</p>
               <p>section, but you can still come back to complete it when you wish.</p>
             </div>
           </div>
-          <div class="skip-right" @click="navIndex = 1">
-            Skip
-          </div>
+          <div class="skip-right" @click="navIndex = 1">Skip</div>
         </div>
         <div class="sign-in-content" v-if="navIndex == 1">
           <div class="calen-content">
-            <Calen ref="renewCheck" :activityData='activityData' />
+            <Calen ref="renewCheck" :activityData="activityData" />
             <div class="rewards">
               <p>Cumulative Rewards</p>
               <div v-if="gameStateData.totalStat" class="rewards-list">
@@ -240,16 +270,20 @@
                   <div class="center no-state" v-if="item.state == 0">
                     <div>
                       <div class="top">
-                        <img src="./../../assets/common/Icon_Explore.png" alt="">
-                        <span> ×{{ item.tickets }}</span>
+                        <img src="./../../assets/common/Icon_Explore.png" alt />
+                        <span>×{{ item.tickets }}</span>
                       </div>
                       <div class="btm">{{ item.days }} Days</div>
                     </div>
                   </div>
-                  <div class="center state" v-if="item.state == 1" @click="getCheckClaim(item.days)">
+                  <div
+                    class="center state"
+                    v-if="item.state == 1"
+                    @click="getCheckClaim(item.days)"
+                  >
                     <div>
                       <div class="top">
-                        <img src="./../../assets/common/Icon_Explore1.png" alt="">
+                        <img src="./../../assets/common/Icon_Explore1.png" alt />
                         <span>× {{ item.tickets }}</span>
                       </div>
                       <div class="btm">{{ item.days }} Days</div>
@@ -258,7 +292,7 @@
                   <div class="center yes-state" v-if="item.state == 9">
                     <div>
                       <div class="top">
-                        <img src="./../../assets/common/Icon_Explore9.png" alt="">
+                        <img src="./../../assets/common/Icon_Explore9.png" alt />
                         <span>× {{ item.tickets }}</span>
                       </div>
                       <div class="btm">{{ item.days }} Days</div>
@@ -271,7 +305,7 @@
                   <div class="center no-state">
                     <div>
                       <div class="top">
-                        <img src="./../../assets/common/Icon_Explore.png" alt="">
+                        <img src="./../../assets/common/Icon_Explore.png" alt />
                         <span>× 1</span>
                       </div>
                       <div class="btm">5 Days</div>
@@ -282,7 +316,7 @@
                   <div class="center no-state">
                     <div>
                       <div class="top">
-                        <img src="./../../assets/common/Icon_Explore.png" alt="">
+                        <img src="./../../assets/common/Icon_Explore.png" alt />
                         <span>× 2</span>
                       </div>
                       <div class="btm">10 Days</div>
@@ -293,7 +327,7 @@
                   <div class="center no-state">
                     <div>
                       <div class="top">
-                        <img src="./../../assets/common/Icon_Explore.png" alt="">
+                        <img src="./../../assets/common/Icon_Explore.png" alt />
                         <span>× 3</span>
                       </div>
                       <div class="btm">20 Days</div>
@@ -304,7 +338,7 @@
                   <div class="center no-state">
                     <div>
                       <div class="top">
-                        <img src="./../../assets/common/Icon_Explore.png" alt="">
+                        <img src="./../../assets/common/Icon_Explore.png" alt />
                         <span>× 4</span>
                       </div>
                       <div class="btm">30 Days</div>
@@ -320,7 +354,7 @@
                   <div class="center no-state" v-if="item.state == 0">
                     <div>
                       <div class="top">
-                        <img src="./../../assets/common/Icon_Explore.png" alt="">
+                        <img src="./../../assets/common/Icon_Explore.png" alt />
                         <span>× {{ item.tickets }}</span>
                       </div>
                       <div class="btm">{{ item.days }} Days</div>
@@ -329,7 +363,7 @@
                   <div class="center state" v-if="item.state == 1" @click="claimSeqStat(item.days)">
                     <div>
                       <div class="top">
-                        <img src="./../../assets/common/Icon_Explore1.png" alt="">
+                        <img src="./../../assets/common/Icon_Explore1.png" alt />
                         <span>× {{ item.tickets }}</span>
                       </div>
                       <div class="btm">{{ item.days }} Days</div>
@@ -338,7 +372,7 @@
                   <div class="center yes-state" v-if="item.state == 9">
                     <div>
                       <div class="top">
-                        <img src="./../../assets/common/Icon_Explore9.png" alt="">
+                        <img src="./../../assets/common/Icon_Explore9.png" alt />
                         <span>× {{ item.tickets }}</span>
                       </div>
                       <div class="btm">{{ item.days }} Days</div>
@@ -351,7 +385,7 @@
                   <div class="center no-state">
                     <div>
                       <div class="top">
-                        <img src="./../../assets/common/Icon_Explore.png" alt="">
+                        <img src="./../../assets/common/Icon_Explore.png" alt />
                         <span>× 1</span>
                       </div>
                       <div class="btm">3 Days</div>
@@ -362,7 +396,7 @@
                   <div class="center no-state">
                     <div>
                       <div class="top">
-                        <img src="./../../assets/common/Icon_Explore.png" alt="">
+                        <img src="./../../assets/common/Icon_Explore.png" alt />
                         <span>× 2</span>
                       </div>
                       <div class="btm">7 Days</div>
@@ -373,7 +407,7 @@
                   <div class="center no-state">
                     <div>
                       <div class="top">
-                        <img src="./../../assets/common/Icon_Explore.png" alt="">
+                        <img src="./../../assets/common/Icon_Explore.png" alt />
                         <span>× 3</span>
                       </div>
                       <div class="btm">15 Days</div>
@@ -384,7 +418,7 @@
                   <div class="center no-state">
                     <div>
                       <div class="top">
-                        <img src="./../../assets/common/Icon_Explore.png" alt="">
+                        <img src="./../../assets/common/Icon_Explore.png" alt />
                         <span>× 4</span>
                       </div>
                       <div class="btm">30 Days</div>
@@ -400,11 +434,15 @@
             </div>
             <div class="check-top">
               <li v-if="gameStateData.todayStat == 0" @click="walletCheck">
-                <span>Daily Check-in </span>+{{ gameStateData.todayTickets }}
-                <img src="./../../assets/common/Icon_Daily.png" alt="">
+                <span>Daily Check-in</span>
+                +{{ gameStateData.todayTickets }}
+                <img
+                  src="./../../assets/common/Icon_Daily.png"
+                  alt
+                />
               </li>
-              <div class="check-yes"  v-if="gameStateData.todayStat == 9">
-                <img src="./../../assets/home/check-yes.png" alt="">
+              <div class="check-yes" v-if="gameStateData.todayStat == 9">
+                <img src="./../../assets/home/check-yes.png" alt />
               </div>
             </div>
           </div>
@@ -417,10 +455,12 @@
           </div>
           <div class="check-code">
             <div class="check-code-icon">
-              <img src="@/assets/common/Enter.png" alt="">
+              <img src="@/assets/common/Enter.png" alt />
             </div>
-            <div class="check-code-input"></div>
-            <div class="check-code-btn">
+            <div class="check-code-input">
+              <el-input v-model="checkCodeInput" placeholder="Enter Chest Redemption Code" />
+            </div>
+            <div class="check-code-btn" @click="submitCode">
               <div>Confirm</div>
             </div>
           </div>
@@ -428,38 +468,46 @@
             <div class="partner-list">
               <!-- <div>
                 coming soon
-              </div> -->
-              <!-- <div class="partner">
+              </div>-->
+              <div class="partner">
                 <div>Partner</div>
+                <div>Chain</div>
                 <div>Rewards</div>
-                <div></div>
               </div>
-              <li v-for="(item, index) in nftsList" :key="index">
-                <div class="quest-item">
-                  <div class="content-rewards-left">
-                    <div class="img-logo">
-                      <img src="./../../assets/home/twitter.png" alt />
+              <div class="nft-list">
+                <li v-for="(item, index) in nftsList" :key="index">
+                  <div class="quest-item">
+                    <div class="content-rewards-left">
+                      <div class="img-logo">
+                        <img src="./../../assets/home/twitter.png" alt />
+                      </div>
+                      <div class="desc">
+                        <h3>{{ item.collection }}</h3>
+                        <p>{{ item.projectName }}</p>
+                      </div>
                     </div>
-                    <div class="desc">
-                      <h3>{{ item.collection }}</h3>
-                      <p>{{ item.projectName }}</p>
+                    <div class="chain">
+                      <!-- <img src="@/assets/box/box01.png" alt=""> -->
+                      <div>1</div>
+                    </div>
+                    <div class="Rewards">
+                      <div class="box-img">
+                        <img src="@/assets/box/box01.png" alt="">
+                      </div>
+                      <div v-if="token != null" class="btn">
+                        <div class="is-btn">
+                          <div v-if="item.status == 0" @click="toPost(item)">Chick</div>
+                          <div v-else-if="item.status == 1" @click="toPost(item)">Claim</div>
+                          <div v-else-if="item.status == 3" class="check-yes">
+                            <img src="@/assets/home/check-yes.png" alt="">
+                          </div>
+                        </div>
+                      </div>
+                      <div class='light-btn' v-else @click="onWalletLogin">Check</div>
                     </div>
                   </div>
-                  <div class="rewards">
-                    <img src="@/assets/box/box01.png" alt="">
-                  </div>
-                  <div v-if="token != null" class="btn">
-                    <div class="is-btn">
-                      <div>Chick</div>
-                      <div v-if="item.status == 0" class="started" @click="toPost(item)">{{ item.actionTitle }}</div>
-                      <CheckBtn v-if="item.status == 1" @stateupdate="toCheck" :dataid="item.id" time="10" title="Check" class="started">Check</CheckBtn>
-                      <div v-if="item.status == 2" class="claim" @click="getTaskClaim(item.id)">Claim</div>
-                      <div v-if="item.status == 3" class="success">+{{ item.score }} <img src="./../../assets/home/Checkmark.png" alt=""></div>
-                    </div>
-                  </div>
-                  <div class='light-btn' v-else @click="onWalletLogin">Connect Wallet</div>
-                </div>
-              </li> -->
+                </li>
+              </div>
             </div>
           </div>
         </div>
@@ -478,7 +526,7 @@
                   <li>
                     <div class="top">
                       <span class="textCol4">{{ myInviteCount }}</span>
-                      <img src="./../../assets/common/Invites.png" alt="">
+                      <img src="./../../assets/common/Invites.png" alt />
                     </div>
                     <div class="btm">Invites</div>
                     <div class="hover-tips">Successful invtations</div>
@@ -486,7 +534,7 @@
                   <li>
                     <div class="top">
                       <span class="textCol3">{{ myEnhanceCount }}</span>
-                      <img src="./../../assets/common/Icon_Boosting.png" alt="">
+                      <img src="./../../assets/common/Icon_Boosting.png" alt />
                     </div>
                     <div class="btm">Boosting</div>
                     <div class="hover-tips">Daily boosting reamaining times</div>
@@ -494,7 +542,7 @@
                   <li>
                     <div class="top">
                       <span class="textCol2">{{ todayStepTicket }}</span>
-                      <img src="./../../assets/common/Icon_Explore.png" alt="">
+                      <img src="./../../assets/common/Icon_Explore.png" alt />
                     </div>
                     <div class="btm">Exploration</div>
                     <div class="hover-tips">Explorations obtained</div>
@@ -502,7 +550,7 @@
                   <li>
                     <div class="top">
                       <span class="textCol1">{{ usesScore }}</span>
-                      <img src="./../../assets/common/Icon_Points.png" alt="">
+                      <img src="./../../assets/common/Icon_Points.png" alt />
                     </div>
                     <div class="btm">Points</div>
                     <div class="hover-tips">Explorations obtained</div>
@@ -512,17 +560,18 @@
                   </div>
                 </div>
                 <div class="left-top-points-right">
-                  <img v-if="inWhiteList == 1" src="@/assets/common/wallet-yes.png" alt="">
-                  <img v-else src="@/assets/common/wallet-no.png" alt="">
-                  <div class="hover-tips">Holder of the partner NFT collections will receive additional rewards</div>
+                  <img v-if="inWhiteList == 1" src="@/assets/common/wallet-yes.png" alt />
+                  <img v-else src="@/assets/common/wallet-no.png" alt />
+                  <div
+                    class="hover-tips"
+                  >Holder of the partner NFT collections will receive additional rewards</div>
                 </div>
               </div>
             </div>
           </div>
           <div class="right">
             <div class="right-header">
-              <div class="right-header-left">
-              </div>
+              <div class="right-header-left"></div>
               <div class="right-header-right">
                 <div class="link">
                   <li v-for="(item, index) in linkList" :key="index">
@@ -535,12 +584,14 @@
                 </div>
                 <div class="wallet" @click="onWalletLogin">
                   <span v-if="!showAddress">X Connected</span>
-                  <div
-                    class="wallet-address"
-                    v-else
-                  >{{ showAddress }}</div>
+                  <div class="wallet-address" v-else>{{ showAddress }}</div>
                   <div class="wallet-btn">
-                    <img v-if="!showAddress" class="hover-show" src="./../../assets/home/Connect Menu1.png" alt />
+                    <img
+                      v-if="!showAddress"
+                      class="hover-show"
+                      src="./../../assets/home/Connect Menu1.png"
+                      alt
+                    />
                     <img v-else class="hover-none" src="@/assets/home/ICON03.png" alt />
                   </div>
                 </div>
@@ -555,8 +606,8 @@
                   @click="navBtn(index)"
                 >
                   <div class="nav-img">
-                    <img v-if="navIndex == index" :src="item.imgSrc1" alt="">
-                    <img v-else :src="item.imgSrc" alt="">
+                    <img v-if="navIndex == index" :src="item.imgSrc1" alt />
+                    <img v-else :src="item.imgSrc" alt />
                   </div>
                 </li>
               </div>
@@ -570,17 +621,37 @@
           <Ranking :activityName="activityData.name" ref="rankingData" />
         </div>
       </div>
-      
     </div>
 
     <!-- 登录弹窗 -->
-    <WalletDialog class="wallet-dialog" :walletDialogVisible="walletDialogVisible" @closeDialog="closeDialog" />
+    <WalletDialog
+      class="wallet-dialog"
+      :walletDialogVisible="walletDialogVisible"
+      @closeDialog="closeDialog"
+    />
 
     <!-- 宝箱助力弹窗 -->
-    <HelpDialog class="help-dialog" :helpDialogVisible="helpDialogVisible" @onWalletLogin="onWalletLogin" @handleClose="helpHandleClose" @awardDialog="helpAwardDialog" />
+    <HelpDialog
+      class="help-dialog"
+      :helpDialogVisible="helpDialogVisible"
+      @onWalletLogin="onWalletLogin"
+      @handleClose="helpHandleClose"
+      @awardDialog="helpAwardDialog"
+    />
 
     <!-- 奖励弹窗 -->
-    <AwardDialog :ExploreDialogVisible="ExploreDialogVisible" @handleClose="ExploreHandleClose" @toComplete="toComplete" :eventName="eventName" :awardData="awardData" :level1='level1' :level2='level2' :level3='level3' :level4='level4' :dialogTitle="dialogTitle" />
+    <AwardDialog
+      :ExploreDialogVisible="ExploreDialogVisible"
+      @handleClose="ExploreHandleClose"
+      @toComplete="toComplete"
+      :eventName="eventName"
+      :awardData="awardData"
+      :level1="level1"
+      :level2="level2"
+      :level3="level3"
+      :level4="level4"
+      :dialogTitle="dialogTitle"
+    />
 
     <!-- 邀请列表 -->
     <LogDialog :logDialogVisible="logDialogVisible" @handleClose="logHandleClose" />
@@ -594,18 +665,18 @@
 
 <script>
 import Calen from "./calenView.vue";
-import BoxBtm from './boxBtm.vue'
-import Ranking from './ranking.vue'
-import UserImg from '@/components/userImg.vue'
+import BoxBtm from "./boxBtm.vue";
+import Ranking from "./ranking.vue";
+import UserImg from "@/components/userImg.vue";
 import gameView from "./gameView.vue";
 import CheckBtn from "@/components/checkBtn.vue";
 import WalletDialog from "@/components/walletDialog/index.vue";
-import AwardDialog from './awardDialog.vue'
-import HelpDialog from './helpDialog.vue'
-import LogDialog from './logDialog.vue'
-import Loading from '@/components/loading.vue'
-import RuleDialog from './ruleDialog.vue'
-import { getToken } from '@/utils/cookies.js'
+import AwardDialog from "./awardDialog.vue";
+import HelpDialog from "./helpDialog.vue";
+import LogDialog from "./logDialog.vue";
+import Loading from "@/components/loading.vue";
+import RuleDialog from "./ruleDialog.vue";
+import { getToken } from "@/utils/cookies.js";
 // import { getWalletAddress, isWalletConnected, linkWallet } from "@/wallet/index.js";
 import {
   apiUploadInviteCode,
@@ -621,10 +692,10 @@ import {
   apiGameStat,
   apiUsercheckin,
   apiEnhanceBox,
-  apiNftList,
+  apiNftList
 } from "./../../utils/webapi.js";
 import { sendToChain, sendHelp } from "./../../utils/chainapi.js";
-import { Wallet } from '@/wallet/index.js'
+import { Wallet } from "@/wallet/index.js";
 import { formatShowAddress } from "@/utils/utils.js";
 
 export default {
@@ -640,18 +711,18 @@ export default {
     HelpDialog,
     LogDialog,
     Loading,
-    RuleDialog,
+    RuleDialog
   },
   data() {
     return {
       linkList: [
         {
-          imgSrc: require('@/assets/common/Icon_Disc.png'),
-          hrefLink: 'https://discord.gg/counterfire',
+          imgSrc: require("@/assets/common/Icon_Disc.png"),
+          hrefLink: "https://discord.gg/counterfire"
         },
         {
-          imgSrc: require('@/assets/common/Icon_X.png'),
-          hrefLink: 'https://twitter.com/playCounterFire',
+          imgSrc: require("@/assets/common/Icon_X.png"),
+          hrefLink: "https://twitter.com/playCounterFire"
         }
       ],
       ruleDialogVisible: false,
@@ -661,40 +732,40 @@ export default {
       myScoreTotal: 0,
       myInviteCount: 0,
       myEnhanceCount: 0,
-      myTwitterAvatar: '',
+      myTwitterAvatar: "",
       navList: [
         {
           id: 1,
           name: 1,
           imgSrc: require("./../../assets/common/P1-up.png"),
-          imgSrc1: require("./../../assets/common/P1.png"),
+          imgSrc1: require("./../../assets/common/P1.png")
         },
         {
           id: 2,
           name: 2,
           imgSrc: require("./../../assets/common/P2-up.png"),
-          imgSrc1: require("./../../assets/common/P2.png"),
+          imgSrc1: require("./../../assets/common/P2.png")
         },
         {
           id: 3,
           name: 3,
           imgSrc: require("./../../assets/common/P5-up.png"),
-          imgSrc1: require("./../../assets/common/P5.png"),
+          imgSrc1: require("./../../assets/common/P5.png")
         },
         {
           id: 4,
           name: 4,
           imgSrc: require("./../../assets/common/P3-up.png"),
-          imgSrc1: require("./../../assets/common/P3.png"),
+          imgSrc1: require("./../../assets/common/P3.png")
         },
         {
           id: 5,
           name: 5,
           imgSrc: require("./../../assets/common/P4-up.png"),
-          imgSrc1: require("./../../assets/common/P4.png"),
+          imgSrc1: require("./../../assets/common/P4.png")
         }
       ],
-      navIndex: 0,
+      navIndex: 2,
       walletDialogVisible: false,
       gameStateData: {},
       activityName: "",
@@ -726,41 +797,42 @@ export default {
       level2: [],
       level3: [],
       level4: [],
-      dialogTitle: '',
-      eventName: '',
+      dialogTitle: "",
+      eventName: "",
       logDialogVisible: false,
       nftsList: [],
       isNewUser: 0,
       isLoading: false,
+      checkCodeInput: ""
     };
   },
-  watch: {
-  },
+  watch: {},
   computed: {
     filteredBar() {
-      let aa = this.activeList.filter(item => this.baseTasks.includes(item.id))
-      let bb = aa.filter(item => item.status == 3).length
-      let cc = bb / this.baseTasks.length * 100
-      return cc
+      let aa = this.activeList.filter(item => this.baseTasks.includes(item.id));
+      let bb = aa.filter(item => item.status == 3).length;
+      let cc = (bb / this.baseTasks.length) * 100;
+      return cc;
     },
-    showAddress () {
-      let address = this.$store.state.user.address
-      return formatShowAddress(address)
+    showAddress() {
+      let address = this.$store.state.user.address;
+      return formatShowAddress(address);
     },
     usesScore() {
-      return this.$store.state.user.userData?.scoreTotal || 0
+      return this.$store.state.user.userData?.scoreTotal || 0;
     }
   },
   created() {
     this.userData = JSON.parse(localStorage.getItem("userData"));
     this.token = getToken();
+    this.getNftList();
   },
   mounted() {
-    this.initData()
+    this.initData();
     this.$nextTick(() => {
       if (this.$route.params.name) {
-        if(this.$route.params.boxId.split("id=")[1] != 'undefined') {
-          this.helpDialogVisible = true
+        if (this.$route.params.boxId.split("box=")[1] != "undefined") {
+          this.helpDialogVisible = true;
         }
       }
     });
@@ -768,47 +840,47 @@ export default {
   methods: {
     async initData() {
       await this.getActivity();
-      this.getNftList()
-      this.$store.dispatch('wallet/restore')
-      this.$store.dispatch('user/restore')
+      this.$store.dispatch("wallet/restore");
+      this.$store.dispatch("user/restore");
       if (this.token) {
         this.getProgress();
         this.getGameStat();
-        this.getUserState()
-        this.myAddress = formatShowAddress(this.$store.state.user.address)
-        this.myTwitterAvatar = this.userData.twitterAvatar
-        this.myScoreTotal = this.userData.scoreTotal
-        this.myInviteCount = this.userData.inviteCount
-        this.myEnhanceCount = this.userData.enhanceCount
-        this.inWhiteList = this.userData.inWhiteList
-        if(this.$route.params.name) {
-          this.helpConfirm()
+        this.getUserState();
+        this.myAddress = formatShowAddress(this.$store.state.user.address);
+        this.myTwitterAvatar = this.userData.twitterAvatar;
+        this.myScoreTotal = this.userData.scoreTotal;
+        this.myInviteCount = this.userData.inviteCount;
+        this.myEnhanceCount = this.userData.enhanceCount;
+        this.inWhiteList = this.userData.inWhiteList;
+        if (this.$route.params.name) {
+          if (this.$route.params.boxId.split("new=")[1] != "undefined") {
+            this.helpConfirm()
+          }
         }
-        
-      }  else {
-        this.walletDialogVisible = true
+      } else {
+        this.walletDialogVisible = true;
       }
     },
     // 获取活动信息
     async getActivity() {
       await this.$axios
-        .get(process.env.VUE_APP_API_URL+`/api/activity/${this.activityId}`)
+        .get(process.env.VUE_APP_API_URL + `/api/activity/${this.activityId}`)
         .then(res => {
           this.activityName = res.data.data.name;
           const actionTitles = {
             TwitterConnect: "Connect",
             TwitterFollow: "Follow",
             TwitterRetweet: "Retweet",
-            DiscordJoin: 'Join',
+            DiscordJoin: "Join",
             DiscordConnect: "Connect"
           };
-          this.activeList.length = 0
+          this.activeList.length = 0;
           for (let data of res.data.data.tasks) {
-            data.actionTitle = actionTitles[data.task] || 'Proceed'
-            this.activeList.push(data)
+            data.actionTitle = actionTitles[data.task] || "Proceed";
+            this.activeList.push(data);
           }
-          this.activityData = res.data.data
-          this.baseTasks = res.data.data.baseTasks
+          this.activityData = res.data.data;
+          this.baseTasks = res.data.data.baseTasks;
         })
         .catch(err => {
           console.info(err);
@@ -817,14 +889,18 @@ export default {
 
     // 查看社交任务进度
     async getProgress() {
-      let { errcode, data } = await apiProgress()
+      let { errcode, data } = await apiProgress();
       if (!errcode) {
-        let stateMap = new Map()
+        let stateMap = new Map();
         data.forEach(item => {
-          stateMap.set(item.id, item.status)
-        })
+          stateMap.set(item.id, item.status);
+        });
         for (let i = 0; i < this.activeList.length; i++) {
-          this.$set(this.activeList[i], "status", stateMap.get(this.activeList[i].id) || 0)
+          this.$set(
+            this.activeList[i],
+            "status",
+            stateMap.get(this.activeList[i].id) || 0
+          );
         }
       }
     },
@@ -832,33 +908,34 @@ export default {
     // 开始任务
     async toPost(data, onlyaction) {
       // debugger
-      if(data.status == 0 || !onlyaction){
+      if (data.status == 0 || !onlyaction) {
         let res = await apiBeginActivity(data.id);
-        if(res.errcode == 0) {
-          await this.getProgress()
+        if (res.errcode == 0) {
+          await this.getProgress();
         }
       }
 
       if (data.task == "TwitterConnect") {
         await this.loginTwitter(data.id);
-      } else if(data.task == "TwitterFollow") {
-        followTwitter(data.cfg.account)
-      } else if(data.task == "TwitterRetweet") {
-        retweetTwitter(data.desc)
-      } else if(data.task == "DiscordJoin") {
-        joinDiscord(data.cfg.account)
-      } if (data.task == "DiscordConnect") {
-        this.loginDiscord()
+      } else if (data.task == "TwitterFollow") {
+        followTwitter(data.cfg.account);
+      } else if (data.task == "TwitterRetweet") {
+        retweetTwitter(data.desc);
+      } else if (data.task == "DiscordJoin") {
+        joinDiscord(data.cfg.account);
+      }
+      if (data.task == "DiscordConnect") {
+        this.loginDiscord();
       }
     },
     // 手动检查任务
     async toCheck() {
-      await this.getProgress()
+      await this.getProgress();
     },
     // 检查任务状态
     async getActivitrStatue(id) {
       await apiCheckActivity(id);
-      await this.getProgress()
+      await this.getProgress();
     },
     async loginTwitter() {
       // const _address = "0x8c10Ae04BF525734eaC00d5F7c062567461c207F";
@@ -881,7 +958,7 @@ export default {
         }
       }, 10);
       // location.href = url;
-      await this.getActivitrStatue(data.id)
+      await this.getActivitrStatue(data.id);
     },
     async loginDiscord() {
       const _address = this.$store.state.user.address;
@@ -896,7 +973,6 @@ export default {
       var timer = setInterval(function() {
         if (newwin.closed) {
           clearInterval(timer);
-  
         }
       }, 10);
     },
@@ -904,145 +980,143 @@ export default {
     async getTaskClaim(id) {
       let address = this.$store.state.user.address;
       if (!this.$store.state.wallet.connected || !address) {
-        this.walletDialogVisible = true
-        return
+        this.walletDialogVisible = true;
+        return;
       }
-      this.isLoading = true
-      let storeageKey
+      this.isLoading = true;
+      let storeageKey;
       try {
-        storeageKey = await sendToChain('task_claim', address, id)
+        storeageKey = await sendToChain("task_claim", address, id);
       } catch (err) {
-        this.isLoading = false
-        this.$showErr(err)
-        return 
+        this.isLoading = false;
+        this.$showErr(err);
+        return;
       }
       let serTimeId = setInterval(async () => {
         try {
-          let { errcode, errmsg, data } = await apiTaskClaim(id)
+          let { errcode, errmsg, data } = await apiTaskClaim(id);
           if (errcode) {
             if (errcode === 12) {
               // 已领取, 给个提示就可以了
-              this.isLoading = false
-              this.$message.error(errmsg)
-              this.getActivitrStatue(id)
-              clearInterval(serTimeId)
+              this.isLoading = false;
+              this.$message.error(errmsg);
+              this.getActivitrStatue(id);
+              clearInterval(serTimeId);
             } else if (errcode !== 14) {
               // 状态不是等待链上确认的, 都提示错误
-              this.isLoading = false
-              this.$message.error(errmsg)
-              clearInterval(serTimeId)
+              this.isLoading = false;
+              this.$message.error(errmsg);
+              clearInterval(serTimeId);
             }
           } else {
-            if(data?.status == 3) {
+            if (data?.status == 3) {
               // alert(`领取成功, 获得积分: ${data.score}`)
-              this.isLoading = false
-              this.activityDialog(data)
-              this.getActivitrStatue(id)
-              this.getUserState()
-              localStorage.removeItem(storeageKey)
-              clearInterval(serTimeId)
+              this.isLoading = false;
+              this.activityDialog(data);
+              this.getActivitrStatue(id);
+              this.getUserState();
+              localStorage.removeItem(storeageKey);
+              clearInterval(serTimeId);
             }
           }
         } catch (err) {
-          this.isLoading = false
-          this.$message.error(`claim task reward error: ${err}`)
+          this.isLoading = false;
+          this.$message.error(`claim task reward error: ${err}`);
         }
-      
-      }, 3000)
-      
+      }, 3000);
     },
 
     // 探索状态
     async getGameStat() {
-      let {errcode, data} = await apiGameStat()
+      let { errcode, data } = await apiGameStat();
       if (!errcode) {
         this.gameStateData = data;
         this.todayStepTicket = data.ticket;
-        this.getTotalUsed = data.totalUsed
+        this.getTotalUsed = data.totalUsed;
       }
     },
 
     // 最大探索次数
     exploreMax() {
-      this.stepTicket = this.todayStepTicket
+      this.stepTicket = this.todayStepTicket;
     },
 
     // 探索
     async exploreCli(amount) {
-      if(this.token) {
-        this.$refs.stepId.sendOneAction(this.getTotalUsed, amount)
+      if (this.token) {
+        this.$refs.stepId.sendOneAction(this.getTotalUsed, amount);
       } else {
-        this.walletDialogVisible = true
+        this.walletDialogVisible = true;
       }
     },
 
     // errorHandleClose
     errorHandleClose() {
-      this.errDialogVisible = false
+      this.errDialogVisible = false;
     },
     ruleHandleClose() {
-      this.ruleDialogVisible = false
+      this.ruleDialogVisible = false;
     },
 
     // 探索奖励
     exploreAwardDialog(val) {
-      this.awardData = val
-      this.eventName = 'explore_event'
-      if(this.awardData.chests.length > 0) {
-        this.level1 = []
-        this.level2 = []
-        this.level3 = []
-        this.level4 = []
+      this.awardData = val;
+      this.eventName = "explore_event";
+      if (this.awardData.chests.length > 0) {
+        this.level1 = [];
+        this.level2 = [];
+        this.level3 = [];
+        this.level4 = [];
         val.chests.forEach(element => {
           if (element.level == "1") {
-            this.level1.push(element)
+            this.level1.push(element);
           } else if (element.level == "2") {
-            this.level2.push(element)
-          } else if(element.level == "3"){
-            this.level3.unshift(element)
-          } else if(element.level == "4"){
-            this.level4.push(element)
+            this.level2.push(element);
+          } else if (element.level == "3") {
+            this.level3.unshift(element);
+          } else if (element.level == "4") {
+            this.level4.push(element);
           }
         });
-        this.dialogTitle = 'Explore successfully and get rewards'
-        this.$refs.boxList.rewBoxList()
+        this.dialogTitle = "Explore successfully and get rewards";
+        this.$refs.boxList.rewBoxList();
       } else {
-        this.dialogTitle = 'Congratulations'
+        this.dialogTitle = "Congratulations";
       }
-      this.getUserState()
-      this.getGameStat()
-      this.ExploreDialogVisible = true
+      this.getUserState();
+      this.getGameStat();
+      this.ExploreDialogVisible = true;
     },
 
     // 宝箱助力奖励
     helpAwardDialog(val) {
-      this.awardData = val
-      this.eventName = 'help_event'
-      this.dialogTitle = 'Got lucky and successful Boosting'
-      this.getUserState()
+      this.awardData = val;
+      this.eventName = "help_event";
+      this.dialogTitle = "Got lucky and successful Boosting";
+      this.getUserState();
       this.getGameStat();
-      this.ExploreDialogVisible = true
+      this.ExploreDialogVisible = true;
     },
 
     // 社媒任务奖励
     activityDialog(val) {
-      this.awardData = val
-      this.eventName = 'help_event'
-      this.dialogTitle = 'Congratulations'
-      if(this.filteredBar == 100) {
-        this.getGameStat()
+      this.awardData = val;
+      this.eventName = "help_event";
+      this.dialogTitle = "Congratulations";
+      if (this.filteredBar == 100) {
+        this.getGameStat();
       }
-      this.getUserState()
-      this.$refs.rankingData.renewData()
-      this.ExploreDialogVisible = true
+      this.getUserState();
+      this.$refs.rankingData.renewData();
+      this.ExploreDialogVisible = true;
     },
 
     // 签到奖励
     checkAwardDialog(val) {
-      this.awardData = val
-      this.eventName = 'check_event'
-      this.dialogTitle = 'Congratulations'
-      this.ExploreDialogVisible = true
+      this.awardData = val;
+      this.eventName = "check_event";
+      this.dialogTitle = "Congratulations";
+      this.ExploreDialogVisible = true;
     },
 
     // 关闭奖励弹窗
@@ -1050,7 +1124,7 @@ export default {
       this.ExploreDialogVisible = false;
     },
     toComplete(val) {
-      this.navIndex = val
+      this.navIndex = val;
       this.ExploreDialogVisible = false;
     },
 
@@ -1058,61 +1132,61 @@ export default {
     async walletCheck() {
       let address = this.$store.state.user.address;
       if (!this.$store.state.wallet.connected || !address) {
-        this.walletDialogVisible = true
-        return
+        this.walletDialogVisible = true;
+        return;
       }
-      this.isLoading = true
-      let storeageKey
+      this.isLoading = true;
+      let storeageKey;
       try {
-        storeageKey = await sendToChain('check', address, '')
+        storeageKey = await sendToChain("check", address, "");
       } catch (err) {
-        this.isLoading = false
-        this.$showErr(err)
-        return 
+        this.isLoading = false;
+        this.$showErr(err);
+        return;
       }
       let serTimeId = setInterval(async () => {
         try {
-          let { errcode, errmsg, data } = await apiUsercheckin()
+          let { errcode, errmsg, data } = await apiUsercheckin();
           if (errcode) {
             if (errcode === 12) {
               // 已领取, 给个提示就可以了
-              this.$message.error(errmsg)
-              this.isLoading = false
+              this.$message.error(errmsg);
+              this.isLoading = false;
               this.getGameStat();
-              clearInterval(serTimeId)
+              clearInterval(serTimeId);
             } else if (errcode !== 13) {
-              this.isLoading = false
-              this.$message.error(errmsg)
-              clearInterval(serTimeId)
+              this.isLoading = false;
+              this.$message.error(errmsg);
+              clearInterval(serTimeId);
             }
           } else {
-            this.isLoading = false
-            this.checkAwardDialog(data)
-            this.$refs.renewCheck.renewCheckInit()
+            this.isLoading = false;
+            this.checkAwardDialog(data);
+            this.$refs.renewCheck.renewCheckInit();
             this.getGameStat();
-            localStorage.removeItem(storeageKey)
-            clearInterval(serTimeId)
+            localStorage.removeItem(storeageKey);
+            clearInterval(serTimeId);
           }
         } catch (err) {
-          this.isLoading = false
-          this.$message.error(`claim task reward error: ${err}`)
+          this.isLoading = false;
+          this.$message.error(`claim task reward error: ${err}`);
         }
-      }, 3000)
+      }, 3000);
     },
 
     // 领取签到奖励
     async claimSeqStat(day) {
-      let res = await apiCheckinClaimSeq(day)
-      console.info(res)
+      let res = await apiCheckinClaimSeq(day);
+      console.info(res);
       this.getGameStat();
     },
 
     // 获取累计签到奖励
     async getCheckClaim(days) {
-      let res = await apiCheckinClaim(days)
-        console.info(res)
-        this.getGameStat();
-        // this.$message.success('Received successfully')
+      let res = await apiCheckinClaim(days);
+      console.info(res);
+      this.getGameStat();
+      // this.$message.success('Received successfully')
       // }
     },
 
@@ -1124,40 +1198,44 @@ export default {
     // 检查签到并领取奖励
     async getUsercheckin() {
       // let res = await apiUsercheckin();
-      let res = await this.$axios.post(process.env.VUE_APP_API_URL+'/api/user/checkin',{  },
-            { headers: { Authorization: `Bearer ${this.token}` } })
-            return res.data.data
+      let res = await this.$axios.post(
+        process.env.VUE_APP_API_URL + "/api/user/checkin",
+        {},
+        { headers: { Authorization: `Bearer ${this.token}` } }
+      );
+      return res.data.data;
     },
     // 发送宝箱助力上链请求并领取奖励
     async sendEnhanceReq(boxCode) {
       let address = this.$store.state.user.address;
       if (!this.$store.state.wallet.connected || !address) {
-        this.walletDialogVisible = true
-        return
+        this.walletDialogVisible = true;
+        return;
       }
-      let storeageKey
+      let storeageKey;
       try {
-        storeageKey = await sendToChain('chest_enhance', address, boxCode)
+        storeageKey = await sendToChain("chest_enhance", address, boxCode);
       } catch (err) {
-        this.$message.error(`error send chain request`)
-        return 
+        this.$message.error(`error send chain request`);
+        return;
       }
       let serTimeId = setInterval(async () => {
         try {
-          let { errcode, errmsg, data } = await apiEnhanceBox(boxCode)
+          let { errcode, errmsg, data } = await apiEnhanceBox(boxCode);
           if (!errcode) {
             this.getGameStat();
-            localStorage.removeItem(storeageKey)
-            clearInterval(serTimeId)
+            localStorage.removeItem(storeageKey);
+            clearInterval(serTimeId);
           } else if (errcode !== 14) {
             // 状态不是等待链上确认的, 都提示错误
-            this.$message.error(errmsg)
-            clearInterval(serTimeId)
+            this.$message.error(errmsg);
+            clearInterval(serTimeId);
           }
         } catch (err) {
-          this.$message.error(`claim task reward error: ${err}`)
+          this.$message.error(`claim task reward error: ${err}`);
         }
-      }, 3000)},
+      }, 3000);
+    },
 
     // 关闭助力弹窗
     helpHandleClose() {
@@ -1169,17 +1247,11 @@ export default {
       this.logDialogVisible = false;
     },
 
-    // apiNftList获取nft合作列表
-    async getNftList() {
-      let res = await this.$axios.get(process.env.VUE_APP_API_URL+'/api/partner/nfts')
-      this.nftsList = res.data.data
-    },
-
     // 复制链接
     copyLinkCode() {
-      if(this.token) {
-        let text = this.userData.code
-        let url = `${location.protocol}//${location.host}/home/new=${text}/box=undefined/id=undefined`;
+      if (this.token) {
+        let text = this.userData.code;
+        let url = `${location.protocol}//${location.host}/home/new=${text}`;
         let oInput = document.createElement("input");
         oInput.value = url;
         document.body.appendChild(oInput);
@@ -1189,43 +1261,42 @@ export default {
         oInput.style.display = "none";
         this.$message.success("Copy succeeded");
       } else {
-        this.walletDialogVisible = true
+        this.walletDialogVisible = true;
       }
-      
     },
 
     // 领取助力奖励 || 判断是否是新用户
     async helpConfirm() {
-      if(this.$route.params.name != undefined) {
+      if (this.$route.params.name != undefined) {
         let newInvite = this.$route.params.name.split("new=")[1];
         // let rtoken = await checkReCaptcha("invite_user");
         // let res = await this.$axios.get(process.env.VUE_APP_API_URL+"/api/activity/upload_invite_code", {
         //   params: { code: newInvite, rtoken: rtoken },
         //   headers: { Authorization: `Bearer ${this.token}` }
         // });
-        let res = await apiUploadInviteCode(newInvite)
-        return
+        let res = await apiUploadInviteCode(newInvite);
+        return;
         if (res.data.errcode == 0) {
-          this.isNewUser = 0
+          this.isNewUser = 0;
           // this.getUploadInviteCode(newInvite)
         } else {
-          this.isNewUser = 1
+          this.isNewUser = 1;
         }
       }
     },
 
     isLogin() {
-      if(this.token) {
-        this.logDialogVisible = true
-        this.getUserState()
+      if (this.token) {
+        this.logDialogVisible = true;
+        this.getUserState();
       } else {
-        this.walletDialogVisible = true
+        this.walletDialogVisible = true;
       }
     },
 
     // 获取用户状态
     async getUserState() {
-      await this.$store.dispatch('user/fetchUserState')
+      await this.$store.dispatch("user/fetchUserState");
     },
 
     // nav 导航
@@ -1234,7 +1305,7 @@ export default {
     },
     // 宝箱页面切换过来
     toExplore(val) {
-      this.navIndex = val
+      this.navIndex = val;
     },
 
     // 登录
@@ -1247,14 +1318,36 @@ export default {
     },
     // 减探索次数
     decrease() {
-        if(this.stepTicket == 0 ) return
-        this.stepTicket--
+      if (this.stepTicket == 0) return;
+      this.stepTicket--;
     },
     // 加探索次数
     increase() {
-      if(this.stepTicket == this.todayStepTicket ) return
-      this.stepTicket++
+      if (this.stepTicket == this.todayStepTicket) return;
+      this.stepTicket++;
     },
+
+    // apiNftList获取nft合作列表
+    async getNftList() {
+      let res = await this.$axios.get(
+        process.env.VUE_APP_API_URL + "/api/partner/nfts"
+      );
+      this.nftsList = res.data.data;
+    },
+
+    // 提交nft合作邀请码
+    submitCode() {
+      if (this.token) {
+        console.log(this.checkCodeInput);
+        if (this.checkCodeInput) {
+          // Todo
+        } else {
+          alert("不能为空");
+        }
+      } else {
+        this.walletDialogVisible = true;
+      }
+    }
   }
 };
 </script>
@@ -1276,7 +1369,7 @@ export default {
       border-radius: 98px;
       position: relative;
       overflow: hidden;
-      background: url('./../../assets/common/Left_element_bg.png') no-repeat;
+      background: url("./../../assets/common/Left_element_bg.png") no-repeat;
       background-size: 100% 100%;
       .left-top {
         display: flex;
@@ -1302,7 +1395,7 @@ export default {
             display: flex;
             height: 50px;
             padding-right: 30px;
-            background: url('@/assets/common/User-bar.png') no-repeat;
+            background: url("@/assets/common/User-bar.png") no-repeat;
             background-size: 100% 100%;
             position: relative;
             li {
@@ -1318,7 +1411,7 @@ export default {
                 width: 240px;
                 height: 100px;
                 line-height: 90px;
-                background: url('@/assets/common/WL .png') no-repeat;
+                background: url("@/assets/common/WL .png") no-repeat;
                 background-size: 100% 100%;
                 z-index: 1;
               }
@@ -1338,7 +1431,7 @@ export default {
                   color: #fbc059;
                 }
                 .textCol3 {
-                  color: #0095FF;
+                  color: #0095ff;
                 }
                 img {
                   width: 15px;
@@ -1348,7 +1441,7 @@ export default {
               }
               .btm {
                 font-size: 14px;
-                color: #A8A5AC;
+                color: #a8a5ac;
                 text-align: right;
               }
               &:hover {
@@ -1412,7 +1505,7 @@ export default {
               width: 590px;
               height: 120px;
               line-height: 110px;
-              background: url('@/assets/common/WL .png') no-repeat;
+              background: url("@/assets/common/WL .png") no-repeat;
               background-size: 100% 100%;
             }
             &:hover {
@@ -1434,7 +1527,7 @@ export default {
         .left-title-left {
           width: 300px;
           height: 300px;
-          background: url('./../../assets/home/Glow.png') no-repeat;
+          background: url("./../../assets/home/Glow.png") no-repeat;
           background-size: 100% 100%;
           padding-left: 20px;
           div {
@@ -1443,12 +1536,12 @@ export default {
             font-size: 53px;
             font-weight: 700;
             text-align: left;
-            font-family: 'Anton-Regular';
+            font-family: "Anton-Regular";
           }
           p {
             text-align: left;
             font-size: 15px;
-            font-family: 'Poppins-SemiBold';
+            font-family: "Poppins-SemiBold";
             margin-top: 5px;
           }
         }
@@ -1456,11 +1549,11 @@ export default {
           height: 160px;
           padding: 30px 20px 10px 20px;
           background: #2e283a;
-          background: url('./../../assets/home/invite_box.png') no-repeat;
+          background: url("./../../assets/home/invite_box.png") no-repeat;
           background-size: 100% 100%;
           border-radius: 20px;
           p {
-            font-family: 'Poppins-SemiBold';
+            font-family: "Poppins-SemiBold";
             font-size: 16px;
             display: flex;
             align-items: center;
@@ -1487,7 +1580,7 @@ export default {
           }
           .copy-btn {
             font-size: 14px;
-            background: url('./../../assets/home/button_copy.png') no-repeat;
+            background: url("./../../assets/home/button_copy.png") no-repeat;
             background-size: 100% 100%;
             color: #ffc35d;
             padding: 20px;
@@ -1506,14 +1599,13 @@ export default {
             margin: 0 auto;
             height: 40px;
             line-height: 40px;
-            background: url('./../../assets/home/button_view.png') no-repeat;
+            background: url("./../../assets/home/button_view.png") no-repeat;
             background-size: 100% 100%;
             font-size: 14px;
-            font-family: 'Poppins-Regular';
+            font-family: "Poppins-Regular";
             cursor: pointer;
           }
           .rule {
-
           }
         }
       }
@@ -1539,7 +1631,7 @@ export default {
           bottom: 90px;
           padding: 45px 35px;
           width: 310px;
-          background: url('./../../assets/home/box.png') no-repeat;
+          background: url("./../../assets/home/box.png") no-repeat;
           background-size: 100% 100%;
           border-radius: 20px;
           color: #fff;
@@ -1561,12 +1653,12 @@ export default {
             font-size: 16px;
             margin-bottom: 10px;
             font-weight: 600;
-            font-family: 'Poppins-SemiBold';
+            font-family: "Poppins-SemiBold";
           }
           .desc {
             text-align: left;
             font-size: 14px;
-            font-family: 'Poppins-Light';
+            font-family: "Poppins-Light";
           }
         }
         .explore-desc-map {
@@ -1585,7 +1677,7 @@ export default {
             justify-content: center;
             align-items: center;
             h2 {
-              font-family: 'Anton-Regular';
+              font-family: "Anton-Regular";
               font-size: 30px;
             }
             .logo {
@@ -1604,13 +1696,13 @@ export default {
             padding: 10px 20px;
             border-radius: 30px;
             // background: #1f1c27;
-            
+
             .check {
               width: 140px;
               padding: 5px 20px;
               display: flex;
               justify-content: space-between;
-              background: url('./../../assets/home/select button.png') no-repeat;
+              background: url("./../../assets/home/select button.png") no-repeat;
               background-size: 100% 100%;
               span {
                 color: #fff;
@@ -1637,8 +1729,8 @@ export default {
             .max {
               padding: 5px 20px;
               font-size: 12px;
-              color: #F2B95B;
-              border: 2px solid #F2B95B;
+              color: #f2b95b;
+              border: 2px solid #f2b95b;
               border-radius: 20px;
               cursor: pointer;
             }
@@ -1649,7 +1741,8 @@ export default {
             font-size: 14px;
             padding: 30px 20px;
             border-radius: 10px;
-            background: url('./../../assets/home/explore map button.png') no-repeat;
+            background: url("./../../assets/home/explore map button.png")
+              no-repeat;
             background-size: 100% 100%;
             cursor: pointer;
           }
@@ -1662,7 +1755,7 @@ export default {
       border-radius: 98px;
       // background: #1e1c24;
       box-sizing: border-box;
-      background: url('./../../assets/common/Right_box.png') no-repeat;
+      background: url("./../../assets/common/Right_box.png") no-repeat;
       background-size: 100% 100%;
       .right-title {
         color: #fff;
@@ -1670,11 +1763,11 @@ export default {
         margin-bottom: 20px;
         p {
           font-size: 17px;
-          font-family: 'Poppins-Light';
+          font-family: "Poppins-Light";
         }
         h3 {
           font-size: 26px;
-          font-family: 'Anton-Regular';
+          font-family: "Anton-Regular";
         }
       }
       .content-right {
@@ -1683,7 +1776,7 @@ export default {
         padding: 10px;
         box-sizing: border-box;
         background: #2d2738;
-        background: url('./../../assets/home/quest log bg.png') no-repeat;
+        background: url("./../../assets/home/quest log bg.png") no-repeat;
         background-size: 100% 100%;
         border-radius: 20px;
         .title {
@@ -1694,7 +1787,7 @@ export default {
           .title-left {
             color: #fff;
             font-size: 20px;
-            font-family: 'Poppins-SemiBold';
+            font-family: "Poppins-SemiBold";
             font-weight: 700;
             margin-bottom: 10px;
           }
@@ -1705,18 +1798,47 @@ export default {
           display: flex;
           align-items: center;
           justify-content: space-between;
-          background: url('@/assets/common/check-input.png') no-repeat;
+          background: url("@/assets/common/check-input.png") no-repeat;
           background-size: 100% 100%;
           margin-bottom: 10px;
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          padding: 0 20px;
+          box-sizing: border-box;
           .check-code-icon {
+            width: 30px;
+            height: 25px;
             img {
               width: 100%;
               height: 100%;
             }
-            .check-code-input {}
-            .check-code-btn {
-              width: 120px;
-              height: 30px;
+          }
+          .check-code-input {
+            width: 240px;
+            ::v-deep .el-input {
+              .el-input__inner {
+                border: 0px;
+                background: #1e1b26;
+                color: #fff;
+              }
+              input::-webkit-input-placeholder {
+                color: #4e475b;
+              }
+            }
+          }
+          .check-code-btn {
+            width: 90px;
+            height: 25px;
+            line-height: 25px;
+            background: #fec25d;
+            color: #000;
+            border-radius: 20px;
+            cursor: pointer;
+            div {
+              width: 100%;
+              height: 100%;
+              font-size: 12px;
             }
           }
         }
@@ -1742,19 +1864,21 @@ export default {
                   width: 200px;
                   height: 8px;
                   margin-left: 10px;
-                  background: url('@/assets/common/Progress bar bg.png') no-repeat;
+                  background: url("@/assets/common/Progress bar bg.png")
+                    no-repeat;
                   background-size: 100% 100%;
                   .bar-top-jinDu {
                     width: 80%;
                     height: 8px;
-                    background: url('@/assets/common/Progress bar fill.png') no-repeat;
+                    background: url("@/assets/common/Progress bar fill.png")
+                      no-repeat;
                     background-size: 100% 100%;
                   }
                 }
               }
               .bar-btm {
                 font-size: 12px;
-                color: #9950FD;
+                color: #9950fd;
                 p {
                   text-align: left;
                 }
@@ -1779,23 +1903,10 @@ export default {
             height: 320px;
             overflow-y: scroll;
             overflow-x: hidden;
-            .partner {
-              display: flex;
-              height: 30px;
-              font-size: 14px;
-              justify-content: space-between;
-              align-items: center;
-              div:nth-child(1) {
-                width: 180px;
-              }
-              div:nth-child(2) {
-                width: 45px;
-              }
-            }
-            li:hover{
+            li:hover {
               background-color: #27242e;
             }
-            li .quest-item{
+            li .quest-item {
               display: flex;
               justify-content: space-between;
               align-items: center;
@@ -1825,10 +1936,10 @@ export default {
                   h3 {
                     text-align: left;
                     font-size: 14px;
-                    font-family: 'Poppins-SemiBold';
+                    font-family: "Poppins-SemiBold";
                   }
                   p {
-                    font-family: 'Poppins-Light';
+                    font-family: "Poppins-Light";
                     font-size: 12px;
                     text-align: left;
                   }
@@ -1853,10 +1964,10 @@ export default {
                   h3 {
                     text-align: left;
                     font-size: 14px;
-                    font-family: 'Poppins-SemiBold';
+                    font-family: "Poppins-SemiBold";
                   }
                   p {
-                    font-family: 'Poppins-Light';
+                    font-family: "Poppins-Light";
                     font-size: 12px;
                     text-align: left;
                   }
@@ -1888,9 +1999,10 @@ export default {
                     position: absolute;
                     top: 50%;
                     left: 50%;
-                    transform: translate(-50% , -50%);
+                    transform: translate(-50%, -50%);
                     background: #fec25d;
-                    background: url('./../../assets/home/ButtonFollow.png') no-repeat;
+                    background: url("./../../assets/home/ButtonFollow.png")
+                      no-repeat;
                     background-size: 100% 100%;
                   }
                   .claim {
@@ -1900,8 +2012,9 @@ export default {
                     position: absolute;
                     top: 50%;
                     left: 50%;
-                    transform: translate(-50% , -50%);
-                    background: url('./../../assets/home/Buttonclaim.png') no-repeat;
+                    transform: translate(-50%, -50%);
+                    background: url("./../../assets/home/Buttonclaim.png")
+                      no-repeat;
                     background-size: 100% 100%;
                   }
                   .success {
@@ -1911,10 +2024,10 @@ export default {
                     position: absolute;
                     top: 50%;
                     left: 50%;
-                    transform: translate(-50% , -50%);
+                    transform: translate(-50%, -50%);
                     color: #fff;
                     background: #9950fd;
-                    background: url('./../../assets/home/Button.png') no-repeat;
+                    background: url("./../../assets/home/Button.png") no-repeat;
                     background-size: 100% 100%;
                     img {
                       width: 12px;
@@ -1923,32 +2036,137 @@ export default {
                   }
                 }
               }
-              .btn:hover{
+              .btn:hover {
                 color: deepskyblue;
               }
             }
           }
           .partner-list {
             height: 380px;
-            line-height: 380px;
-            font-size: 54px;
-            font-family: "Anton-Regular";
-            font-weight: 700;
-          }
-          ::v-deep .quest-list::-webkit-scrollbar {
-            width: 5px;
-          }
-          ::v-deep .quest-list::-webkit-scrollbar-track{
-            background: #171220;
-            border-radius:2px;
-          }
-          ::v-deep .quest-list::-webkit-scrollbar-corner{
-            display: block;
-          }
-          ::v-deep .quest-list::-webkit-scrollbar-thumb{
-            height: 15px;
-            background: #9950fd;
-            border-radius:10px;
+            .partner {
+              display: flex;
+              align-items: center;
+              height: 30px;
+              font-size: 14px;
+              // justify-content: space-between;
+              padding: 0 10px;
+              div {
+                width: 140px;
+                height: 100%;
+                line-height: 30px;
+              }
+              div:nth-child(1) {
+                width: 160px;
+              }
+              div:nth-child(2) {
+                width: 80px;
+              }
+            }
+            .nft-list {
+              height: 350px;
+              overflow-y: scroll;
+              li .quest-item {
+                display: flex;
+                // justify-content: space-between;
+                align-items: center;
+                min-height: 60px;
+                padding: 10px;
+                border-radius: 10px;
+                font-size: 14px;
+                margin: 10px 0;
+                box-sizing: border-box;
+                color: #fff;
+                cursor: pointer;
+                .content-rewards-left {
+                  display: flex;
+                  width: 160px;
+                  .img-logo {
+                    width: 40px;
+                    height: 40px;
+                    margin-right: 10px;
+                    img {
+                      width: 100%;
+                      height: 100%;
+                      border-radius: 50%;
+                    }
+                  }
+                  .desc {
+                    max-width: 240px;
+                    h3 {
+                      text-align: left;
+                      font-size: 14px;
+                      font-family: "Poppins-SemiBold";
+                    }
+                    p {
+                      font-family: "Poppins-Light";
+                      font-size: 12px;
+                      text-align: left;
+                    }
+                  }
+                }
+                .chain {
+                  width: 80px;
+                  height: 40px;
+                  div {
+                    width: 30px;
+                    height: 30px;
+                    border-radius: 50%;
+                    margin: 0 auto;
+                    background: #4e475b;
+                  }
+                }
+                .Rewards {
+                  width: 140px;
+                  padding: 0 10px;
+                  box-sizing: border-box;
+                  display: flex;
+                  justify-content: space-between;
+                  align-items: center;
+                  .box-img {
+                    width: 50px;
+                    height: 40px;
+                    img {
+                      width: 100%;
+                      height: 100%;
+                    }
+                  }
+                  .btn {
+                    .is-btn {
+                      background: #ffc35b;
+                      color: #000;
+                      padding: 5px 10px;
+                      font-weight: 400;
+                      border-radius: 20px;
+                      font-size: 12px;
+                      cursor: pointer;
+                    }
+                    .check-yes {
+                      width: 30px;
+                      height: 30px;
+                      img {
+                        width: 100%;
+                        height: 100%;
+                      }
+                    }
+                  }
+                }
+              }
+              &::-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;
+              }
+            }
           }
         }
         .tips {
@@ -1978,7 +2196,7 @@ export default {
             p {
               text-align: left;
               font-size: 8px;
-              font-family: 'Poppins-Light';
+              font-family: "Poppins-Light";
               color: #fff;
             }
           }
@@ -1986,7 +2204,7 @@ export default {
         .skip-right {
           width: 100px;
           height: 35px;
-          line-height:35px;
+          line-height: 35px;
           background: #2d2738;
           color: #fff;
           font-size: 14px;
@@ -2123,7 +2341,7 @@ export default {
       .sign-in-content {
         height: 660px;
         padding: 20px 10px;
-        background: url('./../../assets/home/Samengesteld.png') no-repeat;
+        background: url("./../../assets/home/Samengesteld.png") no-repeat;
         background-size: 100% 100%;
         border-radius: 40px;
         box-sizing: border-box;
@@ -2149,14 +2367,14 @@ export default {
                 flex: 1;
                 height: 60px;
                 margin: 0 10px 10px 0;
-                width: calc((100% - 30px) /4);
+                width: calc((100% - 30px) / 4);
                 min-width: calc((100% - 30px) / 4);
                 max-width: calc((100% - 30px) / 4);
                 font-size: 12px;
                 display: flex;
                 justify-content: center;
                 align-items: center;
-                &:nth-child(4n) { 
+                &:nth-child(4n) {
                   margin-right: 0;
                 }
                 .center {
@@ -2183,21 +2401,22 @@ export default {
                   }
                 }
                 .state {
-                  background: url('./../../assets/common/Box_achieved.png') no-repeat;
+                  background: url("./../../assets/common/Box_achieved.png")
+                    no-repeat;
                   background-size: 100% 100%;
                 }
                 .no-state {
-                  background: url('./../../assets/common/Box.png') no-repeat;
+                  background: url("./../../assets/common/Box.png") no-repeat;
                   background-size: 100% 100%;
                 }
                 .yes-state {
-                  background: url('./../../assets/common/Box9.png') no-repeat;
+                  background: url("./../../assets/common/Box9.png") no-repeat;
                   background-size: 100% 100%;
                   .top {
-                    color:#9950FD !important;
+                    color: #9950fd !important;
                   }
                   .btm {
-                    color:#9950FD !important;
+                    color: #9950fd !important;
                   }
                 }
               }
@@ -2215,7 +2434,6 @@ export default {
           justify-content: space-between;
           align-items: center;
           .check-top {
-            
             // margin-bottom: 10px;
             li {
               display: flex;
@@ -2269,7 +2487,7 @@ export default {
     .box {
       width: 100%;
       height: 100%;
-      background: url('./../../assets/common/bg_p3.png') no-repeat;
+      background: url("./../../assets/common/bg_p3.png") no-repeat;
       background-size: 100% 100%;
       border-radius: 98px;
       .box-top {
@@ -2303,7 +2521,7 @@ export default {
                 display: flex;
                 height: 50px;
                 align-items: center;
-                background: url('@/assets/common/User-bar.png') no-repeat;
+                background: url("@/assets/common/User-bar.png") no-repeat;
                 background-size: 100% 100%;
                 position: relative;
                 padding-right: 30px;
@@ -2319,7 +2537,7 @@ export default {
                     width: 240px;
                     height: 100px;
                     line-height: 90px;
-                    background: url('@/assets/common/WL .png') no-repeat;
+                    background: url("@/assets/common/WL .png") no-repeat;
                     background-size: 100% 100%;
                     z-index: 1;
                   }
@@ -2339,7 +2557,7 @@ export default {
                       color: #fbc059;
                     }
                     .textCol3 {
-                      color: #0095FF;
+                      color: #0095ff;
                     }
                     img {
                       width: 15px;
@@ -2349,7 +2567,7 @@ export default {
                   }
                   .btm {
                     font-size: 14px;
-                    color: #A8A5AC;
+                    color: #a8a5ac;
                     text-align: right;
                   }
                   &:hover {
@@ -2413,7 +2631,7 @@ export default {
                   width: 590px;
                   height: 120px;
                   line-height: 110px;
-                  background: url('@/assets/common/WL .png') no-repeat;
+                  background: url("@/assets/common/WL .png") no-repeat;
                   background-size: 100% 100%;
                 }
                 &:hover {
@@ -2578,7 +2796,7 @@ export default {
     position: relative;
     z-index: 1;
   }
-  .light-btn{
+  .light-btn {
     background: #ffc35b;
     color: #000;
     padding: 5px 10px;
@@ -2586,7 +2804,6 @@ export default {
     cursor: pointer;
   }
   .Explore-dialog {
-
   }
 }
 </style>
\ No newline at end of file