diff --git a/i18n/en/en.toml b/i18n/en/en.toml
index 735afe39c6e1d0f356159dbe0749370039f2050f..989612b3dabfb9670dcb3792f9e618cd7306dba5 100644
--- a/i18n/en/en.toml
+++ b/i18n/en/en.toml
@@ -380,4 +380,9 @@ other = "en"
 [openEuler]
 other = "https://www.openeuler.org/en/"
 [version_tip]
-other = "Documents vary with versions, Select one as required."
\ No newline at end of file
+other = "Documents vary with versions, Select one as required."
+
+[approval1]
+other = "J. ICP B. No. 2020036654-1"
+[approval2]
+other = "J.G.W.A.B. No. 11030102011597"
\ No newline at end of file
diff --git a/i18n/zh/zh.toml b/i18n/zh/zh.toml
index d7c80260190696f8d13eba32185d1fd654b5af5e..f8e896fd77bcc3c31de2bc7132dea1f311fd7bac 100644
--- a/i18n/zh/zh.toml
+++ b/i18n/zh/zh.toml
@@ -392,4 +392,9 @@ other = "zh"
 [openEuler]
 other = "https://www.openeuler.org/zh/"
 [version_tip]
-other = "不同版本内容存在差异，请选择对应版本文档。"
\ No newline at end of file
+other = "不同版本内容存在差异，请选择对应版本文档。"
+
+[approval1]
+other = "京ICP备2020036654号-1"
+[approval2]
+other = "京公网安备 11030102011597 号"
\ No newline at end of file
diff --git a/layouts/partials/pcfooter.html b/layouts/partials/pcfooter.html
index 99ef17600a1913dc776177bc567118a6be5374b6..08b91fba2703c4c570ce59001066b905cc16bed5 100644
--- a/layouts/partials/pcfooter.html
+++ b/layouts/partials/pcfooter.html
@@ -28,11 +28,18 @@
             <a href="https://www.openeuler.org/{{ .Site.LanguageCode}}/other/cookies/" class="link" target="_blank" rel="noopener noreferrer" >{{i18n
               "cookies"}}</a>
           </div>
-          <p class="copyright">{{i18n "copy_right"}}</p>
           <p class="license">
             <span>{{ i18n "licensed_1" }}</span>
             {{ i18n "licensed_2" }}
           </p>
+          <p class="copyright">
+            <span>{{i18n "copy_right"}}</span>
+            <span class="approval-wrap">
+              <a class="approval1" href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank" rel="noopener noreferrer">{{i18n "approval1"}}</a>
+              <img class="police-img" src="{{ .Site.Params.resourceURL }}img/footer/police.png" alt="" />
+              <span>{{i18n "approval2"}}</span>
+            </span>
+          </p>
         </div>
         <div class="footer-right">
           <div class="code-box">
diff --git a/static/css/revision_new.css b/static/css/revision_new.css
index c828683e4dec3c3a40506aaf61cab78ffc163821..a6e8b93c595abecfca8837f7afa691063fd1b4ac 100644
--- a/static/css/revision_new.css
+++ b/static/css/revision_new.css
@@ -681,7 +681,7 @@
 }
 @media (max-width: 1400px) {
   .footer-content .inner {
-    padding: var(--o-spacing-h4) 0;
+    padding: var(--o-spacing-h6) 0;
     flex-direction: column;
     justify-content: space-between;
     align-items: center;
@@ -723,21 +723,63 @@
   }
 }
 .footer .copyright {
+  display: flex;
+  align-items: center;
   font-size: var(--o-font-size-text);
-  color: #fff;
-  margin-top: var(--o-spacing-h5);
+  color: rgba(255, 255, 255, 0.6);
+  margin-top: var(--o-spacing-h9);
+}
+.footer .approval-wrap {
+  display: flex;
+  align-items: center;
+}
+.footer .approval1 {
+  margin-left: 8px;
+  color: rgba(255, 255, 255, 0.6);
+}
+.footer .approval1:hover {
+  color: rgba(255, 255, 255, 1);
+}
+.footer .police-img {
+  width: 16px;
+  height: 16px;
+  margin: 0 8px;
+}
+@media (max-width: 1700px) {
+  .footer .copyright {
+    flex-direction: column;
+  }
+  .footer .approval-wrap {
+    margin-top: 4px;
+  }
 }
 @media (max-width: 1400px) {
   .footer .copyright {
     font-size: var(--o-font-size-tip);
     line-height: var(--o-line-height-tip);
-    margin-top: var(--o-spacing-h8);
+    margin-top: var(--o-spacing-h10);
   }
 }
 .footer .license {
     font-size: var(--o-font-size-text);
     color: #fff;
-    margin-top: var(--o-spacing-h5);
+    margin-top: var(--o-spacing-h9);
+}
+@media (max-width: 1400px) {
+  .footer .license {
+    margin-top: var(--o-spacing-h6);
+  }
+}
+@media (max-width: 800px) {
+  .footer .footer-option-item {
+    font-size: 10px;
+  }
+  .footer .license {
+    font-size: 10px;
+  }
+  .footer .copyright {
+    font-size: 10px;
+  }
 }
 .footer .license span {
   color: var(--e-color-text4);
diff --git a/static/img/footer/police.png b/static/img/footer/police.png
new file mode 100644
index 0000000000000000000000000000000000000000..116368e79ceab8617d988f4aa4b5a722dbff185b
Binary files /dev/null and b/static/img/footer/police.png differ