.footer{
  padding: 20px 0;
  /* 底部彩色光晕背景：图片上白下彩色，按宽度等比缩放并贴底，避免被裁掉彩色部分 */
  background-image: url('../images/footer-bg.webp');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}
.footer-top{
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.footer-middle{
  margin-bottom: 20px;
}
.footer-logo{
  margin-bottom: 20px;
}
.footer-logo img{
  max-height: 40px;
}
.footer-input-icon-addon{
  left: 15px;
  font-size: 15px;
  color: #000;
}
.footer-search-input{
  height: 40px;
  background-color: #fff;
  border-color: #fff;
  border-radius: 40px;
  padding-left: 50px !important;
  font-size: 13px;
  color: #000;
}
.footer-menu-title{
  margin-bottom: 20px;
}
.footer-menu ul{
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
}
.footer-menu li{
  margin-bottom: 15px;
}
.footer-menu li a{
  font-size: 13px;
  color: #222;
}
.footer-bottom{
  border-top: 1px solid #EEEEEE;
  padding: 20px 0 10px 0;
}
.footer-bottom,
.footer-bottom a{
  font-size: 13px;
  color: #666;
}
.footer-menu li a:hover,
.footer-menu li a:focus,
.footer-bottom a:hover,
.footer-bottom a:focus{
  color: #7B3FF7;
}
.qrcode-wrap{
  margin-bottom: 20px;
}
.qrcode-wrap img{
  max-height: 120px;
}
.footer-contact-list{
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-contact-list li{
  margin-bottom: 10px;
}
.footer-contact-list li > p{
  font-size: 13px;
  margin-bottom: 5px;
  color: #000;
}
.footer-contact-list li a,
.footer-contact-list li span{
  font-size: 13px;
  color: #333;
}
.footer-phone-number,
.footer-email-info,
.footer-address-info{
  display: flex;
  align-items: center;
}
.footer-phone-number a{
  font-weight: bold;
  font-size: 18px !important;
  line-height: 1;
  color: #7B3FF7 !important;
}
.footer-phone-number i,
.footer-contact-list li a:hover,
.footer-contact-list li a:focus{
  color: #7B3FF7 !important;
}
.footer-contact-list img{
  max-height: 22px;
  margin-right: 10px;
}
@media screen and (min-width: 768px){
  .footer-top{
    padding-bottom: 25px;
    margin-bottom: 40px;
  }
  .footer-logo{
    margin-bottom: 0;
  }
  .footer-menu-title{
    margin-bottom: 25px;
  }
  .footer-menu li{
    margin-bottom: 20px;
  }
  .footer-bottom,
  .footer-bottom a,
  .footer-menu li a{
    font-size: 14px;
  }
  .footer-input-icon-addon{
    left: 20px;
    font-size: 20px;
  }
  .footer-search-input{
    height: 56px;
    border-radius: 56px;
    padding-left: 70px !important;
    font-size: 14px;
  }
  .footer-contact-list li span,
  .footer-contact-list li a,
  .footer-contact-list li > p{
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .global-px {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 1200px) {
  .global-px {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 1400px) {
  .global-px {
    padding-left: 100px;
    padding-right: 100px;
  }
}
.row-10 {
  --bs-gutter-x: 10px;
}
.row-100 {
  --bs-gutter-x: 100px;
}