新增丰潇网站

fengxiao/css/footer.css

@@ -0,0 +1,80 @@
+.footer{
+    width: 100%;
+    height: 60vh;
+    background: #1A2B3B;
+}
+
+.footer-list{
+    width: 90%;
+    height: 95%;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    box-sizing: border-box;
+    margin: 0 auto;
+}
+
+.footer-list-item{
+    width: 20vw;
+    height: 90%;
+    list-style: none;
+    /* background: palegoldenrod; */
+    text-align: center;
+    padding-top: 12vh;
+    box-sizing: border-box;
+}
+
+.footer-logo{
+    width: 8vw;
+}
+
+.footer-list-item-text{
+    width: 100%;
+    font-size: 0.89vw;
+    color: rgba(255, 255, 255, 0.5);
+    text-align: justify;
+    /* padding-top: 2vh; */
+    box-sizing: border-box;
+    line-height: 3vw;
+}
+
+.item-textBOX{
+    padding-top: 10vh;
+    width: 19vw;
+}
+.item-nav{
+    color: #fff;
+    padding-top: 10vh;
+    text-align: left;
+    padding-left: 5vw;
+}
+
+.item-nav p:nth-of-type(1){
+    font-size: 1.5vw;
+    font-weight: 400;
+
+
+}
+
+.item-nav p:nth-of-type(2) a{
+    font-size: 0.8vw;
+    color: rgba(255, 255, 255, 0.5);
+ 
+    text-decoration: none;
+}   
+
+.item-nav p:nth-of-type(3) a{
+    font-size: 0.8vw;
+    color: rgba(255, 255, 255, 0.5);
+  
+    text-decoration: none;
+}  
+
+.item-nav p a:hover{
+    color: #4885FD;
+}
+
+/* .footer-list-item img{
+    width: 100%;
+    height: 100%;
+} */