@charset "UTF-8";
footer {
  margin-top: 124px;
  background-color: #181818;
  display: grid;
  justify-items: center;
  padding-top: 72px;
  padding-bottom: 24px;
}

/* 底部菜单 */
.footer-menus {
  --primary-color: rgb(7, 162, 193);
  --highlight-color: rgb(99, 193, 15);
  --secondary-color: #e3e3e3;
  --text-color-lightest: #e7e9ec;
  --text-color-darker: #2e2e2e;
  --text-color-dark: #494949;
  --text-color-gray: #8b8b8b;
  --text-color-dark-gray: #727272;
  --text-color-light-gray: #c6c6c6;
  --backdrop-color: rgba(42, 42, 42, 0.69)
  width: 100%;
  /* max-width: 1180px; */
  display: grid;
  /* 5列布局 */
  grid-template-columns: 1fr 5fr 1fr;
  padding: 0 80px;
  position: relative;
}

.footer-menus .prop-logo img {
  /* height: 40px; */
  width: 120px;
}

.footer-menus .wechat-logo img {
  /* height: 40px; */
  width: 180px;
}

/* 导航菜单，靠右对齐 */
.footer-menu {
  justify-self: end;
}

/* 一级菜单 */
/* 联系我们，靠左对齐 */
.contact-us {
  justify-self: start;
  color: var(--text-color-lightest);
}
.contact-us p {
  margin-bottom: 16px;
}

/* 联系我们，文字 */
/* 菜单项 */
.menu-items li {
  list-style: none;
  padding-bottom: 8px;
}

/* 菜单链接 */
.menu-items li a {
  text-decoration: none;
  font-weight: 300;
  color: var(--text-color-lightest);
}

/* 备案信息 */
.icp-info {
  margin-top: 24px;
  margin-bottom: 16px;
}

/* 备案信息，版权信息 */
.icp-info,
.rights {
  /* 占满整行，-1代表最后一个编号 */
  grid-column: 1/-1;
  /* 居中对齐 */
  justify-self: center;
  color: white;
  font-size: 14px;
}

.scrollToTop {
  display: none;
}

.scrollToTop a {
  width: 60px;
  height: 60px;
  border-radius: 4px;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary-color);
  color: white;
  text-decoration: none;
  position: fixed;
  bottom: 60px;
  right: 30px;
  z-index: 300;
}

/* 小于768象素时 */
@media (max-width: 768px) {
  /* 区域的左右内边距设置为40象素 */
  .footer-menus {
    padding: 0 40px;
  }

  .footer-menus .prop-logo img {
    display: none;
  }
}
/* 小于576象素 */
@media (max-width: 576px) {
  /* 底部菜单显示为1列 */
  .footer-menus {
    grid-template-columns: 1fr;
    /* row-gap: 24px; */
  }

  /* 底部菜单左对齐 */
  .footer-menu {
    justify-self: start;
    text-align: left;
  }
}

/*# sourceMappingURL=footer1.css.map */