diff --git a/src/app/components/ChannelSwiper.tsx b/src/app/components/ChannelSwiper.tsx
index 171c819..e70f8d7 100644
--- a/src/app/components/ChannelSwiper.tsx
+++ b/src/app/components/ChannelSwiper.tsx
@@ -21,14 +21,16 @@ const data = [
 ];
 
 export default function ChannelSwiper() {
+  const isMobile = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent);
+
   return (
     <>
       <div className="overflow-hidden flex items-center">
-        <Marquee speed={20}>
+        <Marquee speed={isMobile ? 15 : 50}>
           {data.map((item, index) => {
             return (
-              <div key={index} className="mx-8 max-w-[100px] w-auto h-[80px] flex items-center">
-                <img src={`https://www-soyootech.oss-cn-hangzhou.aliyuncs.com/channel/${item.url}`} className={`${item.url.includes("chartboost") ? "translate-y-[-10px]" : ""}`} alt="" />
+              <div key={index} className="mx-8 max-w-[100px] w-auto h-[80px] flex items-center ">
+                <img src={`https://www-soyootech.oss-cn-hangzhou.aliyuncs.com/channel/${item.url}`} className={` ${item.url.includes("chartboost") ? "translate-y-[-16px]" : ""}`} alt="" />
               </div>
             );
           })}