丰潇网站完成

fengxiao/css/footer.css

@@ -2,16 +2,22 @@
     width: 100%;
     height: 60vh;
     background: #1A2B3B;
+    background-image: url(../imgs/home/footerbg.png);
+    background-size: auto 100%;
+    background-position: right;
+    background-repeat: no-repeat;
+    box-sizing: border-box;
 }
 
 .footer-list{
     width: 90%;
-    height: 95%;
+    height: 90%;
     display: flex;
     align-items: center;
     justify-content: space-around;
     box-sizing: border-box;
-    margin: 0 auto;
+    /* margin: 0 auto; */
+    /* background: palegoldenrod; */
 }
 
 .footer-list-item{
@@ -49,6 +55,7 @@
     padding-left: 5vw;
 }
 
+
 .item-nav p:nth-of-type(1){
     font-size: 1.5vw;
     font-weight: 400;
@@ -56,6 +63,18 @@
 
 }
 
+.item-nav p:nth-of-type(2) {
+    font-size: 0.8vw;
+    color: rgba(255, 255, 255, 0.5);
+ 
+}   
+
+.item-nav p:nth-of-type(3) {
+    font-size: 0.8vw;
+    color: rgba(255, 255, 255, 0.5);
+  
+}  
+
 .item-nav p:nth-of-type(2) a{
     font-size: 0.8vw;
     color: rgba(255, 255, 255, 0.5);
@@ -74,7 +93,32 @@
     color: #4885FD;
 }
 
+.item-nav p  img{
+    width: 1vw;
+    height: auto;
+    margin-right: 1vw;
+}
+
+
 /* .footer-list-item img{
     width: 100%;
     height: 100%;
 } */
+.footer-bottom{
+    width: 98%;
+    margin: 0 auto;
+    padding: 0vw 3vw;
+    text-align: right;
+    color: rgba(255, 255, 255, 0.7);
+    font-size: 0.8vw;
+    box-sizing: border-box;
+    height: 4vh;
+   }
+
+    .footer-bottom .record{
+      color: rgba(255, 255, 255, 0.7);
+    }
+
+    .footer-bottom .record:hover{
+      color: #00A0D2;
+    }