/* 底部整体样式 */
footer {
    background-color: #f2f2f2;
    padding: 20px;
    text-align: center;
    /* position: absolute; */
    /* bottom: 10px; */
  }
   
  /* 导航链接样式 */
  .footer-nav ul {
    list-style-type: none;
    padding: 0;
  }
   
  .footer-nav ul li {
    display: inline-block;
    margin-right: 10px;
  }
   
  .footer-nav ul li a {
    text-decoration: none;
    color: #333;
  }
   
  /* 版权信息样式 */
  .footer-info {
    margin: 10px 0;
  }
   
  .footer-info p {
    font-size: 12px;
    color: #888;
  }
   
  /* 社交媒体链接样式 */
  .footer-social ul {
    list-style-type: none;
    padding: 0;
  }
   
  .footer-social ul li {
    display: inline-block;
    margin-right: 10px;
  }
   
  .footer-social ul li a {
    text-decoration: none;
    color: #333;
    font-size: 18px;
  }
   
  /* 联系信息样式 */
  .footer-contact p {
    font-size: 12px;
    color: #888;
    margin: 5px 0;
  }
   
  /* 返回顶部按钮样式 */
  .footer-back-to-top a {
    text-decoration: none;
    color: #333;
    font-size: 12px;
  }
   
  .footer-back-to-top a:hover {
    text-decoration: underline;
  }