diff --git a/app/components/news/footer/footer.tsx b/app/components/news/footer/footer.tsx
index 6282f6f..edc3d4a 100644
--- a/app/components/news/footer/footer.tsx
+++ b/app/components/news/footer/footer.tsx
@@ -8,39 +8,39 @@ const Footer: React.FC = () => {
         >
             {/* 主标题 */}
             <div className="mb-8 mt-15">
-                <p className=" tracking-widest" style={{ fontSize: '32px', color: '#ffffff' }} >
+                <p className=" tracking-widest text-4xl text-white" >
                     春风拂面花开满园心OO情愉悦
                 </p>
             </div>
 
             {/* 版权声明 */}
             <div className="mb-8 text-center space-y-2 ">
-                <p className="text-sm opacity-80" style={{ color: '#818da3' }}>
+                <p className="text-sm opacity-80 text-[#818da3]">
                     免责声明：免责条款的提出必须是明示的，不允许以默示方式作出，也不允许法官推定免责条款的存在。
                 </p>
-                <p className="text-sm opacity-80 mt-5" style={{ color: '#818da3' }}>
+                <p className="text-sm opacity-80 mt-5 text-[#818da3]">
                     版权所有：Copyright©2016-2019 包图网ibaotu.com 版权所有
                 </p>
             </div>
 
             {/* 导航链接 */}
             <div className="flex space-x-12 mt-5">
-                <a href="#" className="hover:text-blue-300 transition-colors" style={{ color: '#818da3' }}>
+                <a href="#" className="hover:text-blue-300 transition-colors text-[#818da3]">
                     首页
                 </a>
-                <a href="#" className="hover:text-blue-300 transition-colors" style={{ color: '#818da3' }}>
+                <a href="#" className="hover:text-blue-300 transition-colors text-[#818da3]">
                     关于我们
                 </a>
-                <a href="#" className="hover:text-blue-300 transition-colors" style={{ color: '#818da3' }}>
+                <a href="#" className="hover:text-blue-300 transition-colors text-[#818da3]">
                     新闻中心
                 </a>
-                <a href="#" className="hover:text-blue-300 transition-colors" style={{ color: '#818da3' }}>
+                <a href="#" className="hover:text-blue-300 transition-colors text-[#818da3]">
                     政务公开
                 </a>
-                <a href="#" className="hover:text-blue-300 transition-colors" style={{ color: '#818da3' }}>
+                <a href="#" className="hover:text-blue-300 transition-colors text-[#818da3]" >
                     交流互动
                 </a>
-                <a href="#" className="hover:text-blue-300 transition-colors" style={{ color: '#818da3' }}>
+                <a href="#" className="hover:text-blue-300 transition-colors text-[#818da3]">
                     便民服务
                 </a>
             </div>