/* footer样式 */
footer {
  position: relative;
  background: #166BBA;
  background-image: url('../../image/mobile-footer-background.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}

@media (min-width: 1024px) {
  footer {
    position: relative;
    background: #166BBA;
    background-image: url('../../image/footer-bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 48px 48px 0;
  }
}

.pc-footer-logo {
  height: 46px;
  max-width: 1920px;
}

.footer-info-content {
  display: flex;
  justify-content: space-between;
  padding-bottom: 32px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.40);
}

.library-info {
  margin-top: 24px;
}

.address-label,
.contact-label {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 4px;
}

.address-value {
  margin-bottom: 24px;
}

.address-value>span:not(:first-child) {
  margin-left: 8px;
}

.address-value,
.contact-value {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

.contact-value {
  display: flex;
  align-items: center;
}

.icon-email {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url('../../image/icon/icon-email.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-right: 8px;
}

.email {
  margin-right: 16px;
}

.icon-call {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url('../../image/icon/icon-call.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-right: 8px;
}

.footer-link {
  margin-top: -70px;
  display: flex;
}

.footer-link>div:not(:last-child) {
  margin-right: 64px;
}

.footer-link>div>h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 16px;
}

.footer-link>div>ul>li {
  margin: 16px 0;
  font-size: 16px;
  color: #F5F5F5;
  cursor: pointer;
}

.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.40);
}

.footer-bottom-library-logo {
  width: 74px;
  height: 76px;
}

.footer-bottom-privacy-policy {
  font-size: 14px;
  color: #FFF;
  font-weight: 400;
  opacity: 0.7;
}

.footer-bottom-contact-list {
  display: flex;
  align-items: center;
}

.footer-bottom-contact-list-item {
  font-size: 14px;
  color: #B9D3EA;
  text-decoration-line: underline;

}

.footer-bottom-contact-list-item:not(:last-child) {
  margin-right: 24px;
}

.footer-bottom-contact-list-item:hover {
  text-decoration-line: underline;
}


@media (min-width: 1025px) {
  .footer-link>div>h4 {
    font-size: 16px;
  }

  .footer-link>div>ul>li {
    font-size: 14px;
  }
}

@media (min-width: 1660px) {
  .footer-link>div>h4 {
    font-size: 18px;
  }

  .footer-link>div>ul>li {
    font-size: 16px;
  }
}