diff --git a/src/assets/img/task/andriod.png b/src/assets/img/task/andriod.png
new file mode 100644
index 0000000..7e27664
Binary files /dev/null and b/src/assets/img/task/andriod.png differ
diff --git a/src/views/TaskView.vue b/src/views/TaskView.vue
index 4ecce01..51f1c84 100644
--- a/src/views/TaskView.vue
+++ b/src/views/TaskView.vue
@@ -9,10 +9,11 @@
             <div class="game-bottom">
               <div class="game">
                 <!-- <div class="download-game"></div> -->
-                <div class="game-img">
-                  <img src="../assets/img/task/Web3.png" alt="" />
+                <div class="download-item-andriod">
+                  <a href="https://m.counterfire.games/release/counterfire.apk">
+                    <img src="../assets/img/task/andriod.png" alt=""
+                  /></a>
                 </div>
-
                 <div class="download-item-google">
                   <a
                     href="https://play.google.com/store/apps/details?id=com.cege.games.release"
@@ -28,6 +29,9 @@
                   /></a>
                 </div>
               </div>
+              <div class="game-img">
+                <img src="../assets/img/task/Web3.png" alt="" />
+              </div>
               <div class="quest-text">
                 <div>
                   <a
@@ -352,7 +356,19 @@ onMounted(() => {
   justify-content: space-between;
   align-items: flex-start;
 }
-
+.download-item-andriod {
+  width: 201px;
+  height: 60px;
+  // margin-top: 18px;
+  background-color: #161515;
+  cursor: pointer;
+  position: relative;
+  background: url("@/assets/img/task/andriod.png") no-repeat;
+  background-size: 100% 100%;
+  img {
+    opacity: 0;
+  }
+}
 .download-item-google {
   width: 201px;
   height: 60px;
@@ -388,6 +404,21 @@ onMounted(() => {
   width: 100%;
   margin: 0 auto;
 }
+.game-img {
+  width: 90%;
+  display: flex;
+  margin: 0 auto;
+  margin-bottom: 46px;
+  padding-right: 10px;
+  justify-content: center;
+  // position: absolute;
+  // left: 0;
+  // top: -80px;
+  img {
+    width: 226px;
+    height: 82px;
+  }
+}
 .game {
   width: 90%;
   margin: 0 auto;
@@ -395,18 +426,11 @@ onMounted(() => {
   position: relative;
   display: flex;
   justify-content: space-around;
-  margin-bottom: 76px;
+  margin-bottom: 36px;
   // flex-direction: column;
   // justify-content: flex-end;
   .download-game {
   }
-  .game-img {
-    width: 226px;
-    height: 82px;
-    // position: absolute;
-    // left: 0;
-    // top: -80px;
-  }
 }
 
 .task-bottom {