优化样式

common/footer.html

@@ -18,7 +18,8 @@
     </div>
     <div class="row">
         <div class="icp">
-            备案号：<a href="" target="_blank">浙ICP备2021038730号-1</a>
+            <a href="" target="_blank">浙ICP备2021038730号-1</a>
+            <a href="" target="_blank">京公网安备11010102002019号</a>
         </div>
     </div>
 </div>

css/style.css

@@ -101,7 +101,7 @@
   width: 1.54rem;
   height: 0.51rem;
   background-repeat: no-repeat;
-  background-size: contain;
+  background-size: cover;
 }
 .header .menu .menu-group {
   display: flex;
@@ -143,9 +143,19 @@
   padding: 0.2rem;
   font-size: 0.24rem;
 }
-.footer .main .icp {
+.footer .icp {
   color: #999999;
 }
+.footer .icp a {
+  margin-right: 0.1rem;
+  transition: color 0.35s;
+}
+.footer .icp a:last-child {
+  margin-right: 0;
+}
+.footer .icp a:hover {
+  color: #FFFFFF;
+}
 .footer .logo-bottom {
   height: 0.4rem;
 }
@@ -469,7 +479,7 @@
   height: 5.2rem;
   background-repeat: no-repeat;
   background-position: center;
-  background-size: contain;
+  background-size: cover;
 }
 .section.contact-map .title h1 {
   font-size: 0.36rem;

css/style.less

@@ -132,12 +132,13 @@
 
     .logo {
         font-size: 0;
+
         .link {
             display: block;
             width: 1.54rem;
             height: 0.51rem;
             background-repeat: no-repeat;
-            background-size: contain;
+            background-size: cover;
         }
     }
 
@@ -190,9 +191,22 @@
             padding: 0.2rem;
             font-size: 0.24rem;
         }
+    }
 
-        .icp {
-            color: #999999;
+    .icp {
+        color: #999999;
+
+        a {
+            margin-right: 0.1rem;
+            transition: color 0.35s;
+        }
+
+        a:last-child {
+            margin-right: 0;
+        }
+
+        a:hover {
+            color: #FFFFFF;
         }
     }
 
@@ -299,12 +313,12 @@
 
         p:nth-child(1) {
             transition: transform .8s ease .4s,
-            opacity .8s ease .4s;
+                opacity .8s ease .4s;
         }
 
         p:nth-child(2) {
             transition: transform .8s ease .6s,
-            opacity .8s ease .6s;
+                opacity .8s ease .6s;
         }
     }
 
@@ -466,7 +480,7 @@
 
 .section.about-textarea {
     padding: 0.85rem 0 0.65rem 0;
-    
+
     .at-img {
         height: 0.76rem;
     }
@@ -602,7 +616,7 @@
         height: 5.2rem;
         background-repeat: no-repeat;
         background-position: center;
-        background-size: contain;
+        background-size: cover;
     }
 
     .title {