diff --git a/public/locales/zh-CN.json b/public/locales/zh-CN.json
index c5b76d0..232069f 100644
--- a/public/locales/zh-CN.json
+++ b/public/locales/zh-CN.json
@@ -1103,8 +1103,8 @@
   "Contract address":"合约地址",
   "Assets agreement":"资产协议",
   "Assets and chain":"资产公链",
-  "1. When the countdown is less than 1 hour, the countdown time will be increased by 1 hour each time":"1.当倒计时少于1小时时，每次加价增加倒计时时间1小时",
-  "2. Each auction has a fixed 10% markup. After the countdown, the item will be awarded to the bidder who made the last bid":"2.拍卖每次固定加价10%，倒计时结束后，拍卖品由最后出价的出价人获得",
-  "3. After the auction is successful, the platform will charge 6% of the publisher's earnings as a commission fee":"3.拍卖成功后，平台将收取发布人收益的6%作为手续费"
+  "each time":"1.当倒计时少于1小时时，每次加价增加倒计时时间1小时",
+  "last bid":"2.拍卖每次固定加价10%，倒计时结束后，拍卖品由最后出价的出价人获得",
+  "commission fee":"3.拍卖成功后，平台将收取发布人收益的6%作为手续费"
 
 }
diff --git a/src/config/localization/translations.json b/src/config/localization/translations.json
index a54e66b..e7f2c6e 100644
--- a/src/config/localization/translations.json
+++ b/src/config/localization/translations.json
@@ -1230,7 +1230,7 @@
   "Contract address":"ontract address",
   "Assets agreement":"Assets agreement",
   "Assets and chain":"Assets and chain",
-  "1. When the countdown is less than 1 hour, the countdown time will be increased by 1 hour each time":"1.当倒计时少于1小时时，每次加价增加倒计时时间1小时",
-  "2. Each auction has a fixed 10% markup. After the countdown, the item will be awarded to the bidder who made the last bid":"2.拍卖每次固定加价10%，倒计时结束后，拍卖品由最后出价的出价人获得",
-  "3. After the auction is successful, the platform will charge 6% of the publisher's earnings as a commission fee":"3.拍卖成功后，平台将收取发布人收益的6%作为手续费"
+  "each time":"1. When the countdown is less than 1 hour, the countdown time will be increased by 1 hour each time",
+  "last bid":"2. Each auction has a fixed 10% markup. After the countdown, the item will be awarded to the bidder who made the last bid",
+  "commission fee":"3. After the auction is successful, the platform will charge 6% of the publisher's earnings as a commission fee"
 }
diff --git a/src/views/recommend/components/BuyNftModal.tsx b/src/views/recommend/components/BuyNftModal.tsx
index 5d1e997..d84019c 100644
--- a/src/views/recommend/components/BuyNftModal.tsx
+++ b/src/views/recommend/components/BuyNftModal.tsx
@@ -25,6 +25,14 @@ const InfoDiv = styled.div`
   /* width: calc(100% - 280px); */
   margin-left: 2rem;
   box-shadow: 0px 1px 8px rgba(15, 161, 146, 0.28);
+  ${({ theme }) => theme.mediaQueries.xs} {
+    padding: 20px 10px;
+    margin-left: 0rem;
+  }
+  ${({ theme }) => theme.mediaQueries.lg} {
+    padding: 30px 26px;
+    margin-left: 2rem;
+  }
 `
 const UpBtn = styled(Button)`
   width: 50%;
@@ -38,12 +46,13 @@ const ImageDiv = styled(Image)`
   width: 300px;
   height: 300px;
   margin-bottom: 20px;
-  ${({ theme }) => theme.mediaQueries.sm} {
-  }
-
-  ${({ theme }) => theme.mediaQueries.lg} {
-  }
   ${({ theme }) => theme.mediaQueries.xs} {
+    width: 150px;
+    height: 150px;
+  }
+  ${({ theme }) => theme.mediaQueries.lg} {
+    width: 300px;
+    height: 300px;
   }
 `
 
@@ -57,7 +66,7 @@ export default function BuyNftModal() {
     <ModalDiv title={t('Buy commander NFT')} onDismiss={onDismiss}>
       <Flex alignItems="center" flexWrap="wrap" justifyContent="center">
         {/* <ImageDiv src="/images/recommend/logo.svg" alt="" width={300} height={300}></ImageDiv> */}
-        <Image src="/images/recommend/logo.svg" width={250} height={250} marginBottom="20px" />
+        <ImageDiv src="/images/recommend/logo.svg" width={250} height={250} marginBottom="20px" />
         <InfoDiv>
           <TextFlex
             text={t('Upgrade recommendation rights, can enjoy the share of secondary recommendation')}
diff --git a/src/views/recommend/components/ConnectedComponent.tsx b/src/views/recommend/components/ConnectedComponent.tsx
index b7a3d6a..f26edc5 100644
--- a/src/views/recommend/components/ConnectedComponent.tsx
+++ b/src/views/recommend/components/ConnectedComponent.tsx
@@ -70,19 +70,9 @@ export default function ConnectedCom() {
         <UpBtn onClick={onBuyModal}>{t('Upgrade commander')}</UpBtn>
       </FooterBtn>
       <FooterDiv>
-        <TextDiv color="textSubtle">
-          {t('1. When the countdown is less than 1 hour, the countdown time will be increased by 1 hour each time')}
-        </TextDiv>
-        <TextDiv color="textSubtle">
-          {t(
-            '2. Each auction has a fixed 10% markup. After the countdown, the item will be awarded to the bidder who made the last bid',
-          )}
-        </TextDiv>
-        <TextDiv color="textSubtle">
-          {t(
-            "3. After the auction is successful, the platform will charge 6% of the publisher's earnings as a commission fee",
-          )}
-        </TextDiv>
+        <TextDiv color="textSubtle">{t('each time')}</TextDiv>
+        <TextDiv color="textSubtle">{t('last bid')}</TextDiv>
+        <TextDiv color="textSubtle">{t('commission fee')}</TextDiv>
       </FooterDiv>
     </MainDiv>
   )
diff --git a/src/views/recommend/components/RegimentalComponent.tsx b/src/views/recommend/components/RegimentalComponent.tsx
index 82c74c8..cfde662 100644
--- a/src/views/recommend/components/RegimentalComponent.tsx
+++ b/src/views/recommend/components/RegimentalComponent.tsx
@@ -140,19 +140,9 @@ export default function RegimentalCom() {
           {/* <UpBtn onClick={onBuyModal}>{t('Upgrade commander')}</UpBtn> */}
         </FooterBtn>
         <FooterDiv>
-          <TextDiv color="textSubtle">
-            {t('1. When the countdown is less than 1 hour, the countdown time will be increased by 1 hour each time')}
-          </TextDiv>
-          <TextDiv color="textSubtle">
-            {t(
-              '2. Each auction has a fixed 10% markup. After the countdown, the item will be awarded to the bidder who made the last bid',
-            )}
-          </TextDiv>
-          <TextDiv color="textSubtle">
-            {t(
-              "3. After the auction is successful, the platform will charge 6% of the publisher's earnings as a commission fee",
-            )}
-          </TextDiv>
+          <TextDiv color="textSubtle">{t('each time')}</TextDiv>
+          <TextDiv color="textSubtle">{t('last bid')}</TextDiv>
+          <TextDiv color="textSubtle">{t('commission fee')}</TextDiv>
         </FooterDiv>
       </MainDiv>
     </ContengDiv>
diff --git a/src/views/recommend/components/UnunitedCom.tsx b/src/views/recommend/components/UnunitedCom.tsx
index 326b959..f2654d0 100644
--- a/src/views/recommend/components/UnunitedCom.tsx
+++ b/src/views/recommend/components/UnunitedCom.tsx
@@ -32,19 +32,9 @@ export default function UnunitedCom() {
       </HeadingDiv>
       <ButtonDiv>{t('Connect the purse')}</ButtonDiv>
       <FooterDiv>
-        <TextDiv color="textSubtle">
-          {t('1. When the countdown is less than 1 hour, the countdown time will be increased by 1 hour each time')}
-        </TextDiv>
-        <TextDiv color="textSubtle">
-          {t(
-            '2. Each auction has a fixed 10% markup. After the countdown, the item will be awarded to the bidder who made the last bid',
-          )}
-        </TextDiv>
-        <TextDiv color="textSubtle">
-          {t(
-            "3. After the auction is successful, the platform will charge 6% of the publisher's earnings as a commission fee",
-          )}
-        </TextDiv>
+        <TextDiv color="textSubtle">{t('each time')}</TextDiv>
+        <TextDiv color="textSubtle">{t('last bid')}</TextDiv>
+        <TextDiv color="textSubtle">{t('commission fee')}</TextDiv>
       </FooterDiv>
     </>
   )
diff --git a/src/views/recommend/index.tsx b/src/views/recommend/index.tsx
index 1a21177..cab26a9 100644
--- a/src/views/recommend/index.tsx
+++ b/src/views/recommend/index.tsx
@@ -36,7 +36,7 @@ const ContengDiv = styled.div`
 
 const Nft: React.FC = () => {
   //  邀请false普通邀请 true军团长邀请
-  const [type, typeState] = useState(true)
+  const [type, typeState] = useState(false)
   //  是否连接钱包
   const [status, statusState] = useState(true)