diff --git a/layers/templates/FxDownload01/index.vue b/layers/templates/FxDownload01/index.vue
index 7e8f355..481ca82 100644
--- a/layers/templates/FxDownload01/index.vue
+++ b/layers/templates/FxDownload01/index.vue
@@ -137,14 +137,17 @@ const handleMoveFocus = (target: 'pc' | 'mobile') => {
       <WidgetsFixSubTitle :title="tm('Download_Section_Platform_Title')" />
 
       <div
-        class="relative flex flex-col-reverse sm:flex-row-reverse items-stretch justify-center gap-[20px] w-full md:flex-row"
+        class="relative flex flex-col-reverse items-stretch justify-center sm:flex-row-reverse gap-[20px] w-full md:grid md:grid-cols-12 md:grid-rows-1"
       >
         <div
           v-if="gameData?.platform_type !== '2'"
-          class="relative flex flex-1 flex-col items-start justify-start h-[270px] py-[20px] rounded-[12px] bg-white sm:h-auto md:flex-[2] md:pt-[24px] md:pb-0 lg:pt-[32px]"
+          class="relative flex flex-1 flex-col items-start justify-start h-[270px] py-[20px] rounded-[12px] bg-white sm:h-auto md:flex-none md:pt-[24px] md:pb-0 lg:pt-[32px]"
+          :class="
+            gameData?.platform_type === '1' ? 'md:col-span-12' : 'md:col-span-8'
+          "
         >
           <div
-            class="relative flex flex-col items-start justify-start w-full max-w-[800px] h-full px-[20px] mx-auto md:h-auto md:px-[28px] lg:px-[40px]"
+            class="relative flex flex-col items-start justify-start w-full max-w-[880px] h-full px-[20px] mx-auto md:h-auto md:px-[28px] lg:px-[40px]"
           >
             <span
               v-if="!breakpoints.isMobile"
@@ -208,7 +211,7 @@ const handleMoveFocus = (target: 'pc' | 'mobile') => {
 
             <div
               v-if="breakpoints.isMobile"
-              class="relative flex items-center justify-center w-full h-auto min-h-[48px] py-[14px] px-[40px] mt-[48px] border border-solid border-[rgba(0,0,0,0.1)] rounded-[8px] bg-[#EBEBEB] text-center text-[#999999] text-[14px] font-[500] leading-[20px] tracking-[-0.42px]"
+              class="relative flex items-center justify-center w-full h-auto min-h-[48px] py-[14px] px-[40px] mt-[48px] sm:mt-auto border border-solid border-[rgba(0,0,0,0.1)] rounded-[8px] bg-[#EBEBEB] text-center text-[#999999] text-[14px] font-[500] leading-[20px] tracking-[-0.42px]"
             >
               <span>{{ tm('Download_Button_PC_Mobile') }}</span>
             </div>
@@ -245,13 +248,16 @@ const handleMoveFocus = (target: 'pc' | 'mobile') => {
 
         <div
           v-if="gameData?.platform_type !== '1'"
-          class="relative flex flex-1 flex-col items-start justify-start h-[270px] p-[20px] rounded-[12px] bg-white sm:h-auto md:py-[24px] md:px-[28px] lg:pt-[32px] lg:pb-[40px] lg:px-[40px]"
+          class="relative flex flex-1 flex-col items-start justify-start h-[270px] p-[20px] rounded-[12px] bg-white sm:h-auto md:flex-none md:py-[24px] md:px-[28px] lg:py-[32px] lg:px-[40px]"
+          :class="
+            gameData?.platform_type === '2' ? 'md:col-span-12' : 'md:col-span-4'
+          "
         >
           <div
-            class="relative flex flex-col items-start justify-start w-full max-w-[800px] mx-auto"
+            class="relative flex flex-col items-start justify-start w-full h-full max-w-[880px] mx-auto"
           >
             <h4
-              class="relative flex justify-left items-center w-full text-left text-[#1F1F1F] text-[18px] font-bold leading-[26px] tracking-[-0.54px] md:text-[24px] md:leading-[34px] md:tracking-[0.72px]"
+              class="relative flex justify-left items-center w-full text-left text-[#1F1F1F] text-[18px] font-bold leading-[26px] tracking-[-0.54px] md:text-[24px] md:leading-[34px] md:tracking-[-0.72px]"
             >
               <span>{{ tm('Download_Box_MOBILE_Title') }}</span>
             </h4>