/****** bottom start *******/
.bottom li a i {
    width: 20px;
    height: 20px;
    margin: 5px auto 1px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bottom {
    width: 100%;
    color: #666;
    text-align: center;
    border-top: 1px solid #ccc;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
}

.bottom ul {
    background: #fff;
    padding: 0 15px;
    margin: 0;
    flex-wrap: nowrap;
    justify-content: space-between;
    display: flex;
}

.bottom li {
    list-style: none;
    padding: 0;
    margin: 0 !important;
}

.bottom li a {
    color: #666;
}

.bottom img {
    margin: 0.2em auto;
    display: inline-block;
}

.bottom li a p {
    color: #666;
    margin-bottom: 0;
}

/****** bottom end *******/
.footer {
  color: #fff;
  background: #191919;
}

.footer a {
  color: inherit;
}

.footer .footer-group {
  padding: 30px 0;
  border-bottom: 1px solid #fff;
  display: none;
}

.footer .footer-group .row {
  justify-content: space-between;
}

.footer .container>.row>div:last-child {
  margin-top: 20px;
}

.footer .footer-group .tit {
  position: relative;
  font-weight: bold;
  margin: 0 0 8px;
}

.footer .footer-group .line {
  width: 95%;
  height: 1px;
  margin-bottom: 16px;
  background: #fff;
}

.footer .footer-group ol {
  margin: 0;
}

.footer .footer-group ol>li:not(:last-child) {
  margin-bottom: 9px;
}

.footer .icon-group {
  margin-bottom: 8px;
}

.footer .icon {
  display: flex;
}

.footer .icon li:not(:last-child) {
  margin-right: 13px;
}

.footer .form-control {
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.footer .btn {
  width: 119px;
  padding: 2px 15px;
  color: #fff;
  border-radius: 5px;
  background: var(--style-color);
}

.footer .logo {
  width: 172px;
  margin-bottom: 10px;
}

.footer .logo img {
  width: 100%;
}

.footer .item {
  line-height: 1.8;
}

.footer .item i {
  font-size: 20px;
  margin-right: 10px;
}

.footer .code-group {
  margin-top: 14px;
  font-size: 0;
}

.footer .code-group img:not(:last-child) {
  margin-right: 21px;
}

.footer .footer-bottom {
  padding: 18px 0;
}

.footer .footer-bottom .container {
  text-align: center;
}

@media (min-width: 768px) {
  .footer .footer-group {
    display: block;
  }

  .footer .footer-bottom {
    padding: 25px 0;
  }
  .bottom{
      display: none;
  }
}

@media (min-width: 1200px) {
  .footer .footer-group {
    padding: 56px 0 58px;
  }

  .footer .footer-group .col-lg-4 {
    flex: 0 0 36%;
    max-width: 36%;
  }

  .footer .container>.row>div:last-child {
    margin-top: 0;
  }

  .footer .icon-group {
    display: flex;
    align-items: center;
    margin-bottom: 0;
  }

  .footer .icon-group h3 {
    margin-bottom: 0;
  }

  .footer .icon {
    margin-left: 19px;
  }

  .footer form {
    margin-top: 26px;
  }

  .footer .form-group {
    margin-bottom: 17px;
  }

  .footer .logo {
    margin-bottom: 20px;
  }
}

@media (min-width: 1440px) {
  .footer .row .col-lg-2 {
    flex: 0 0 13%;
    max-width: 13%;
  }

  .footer .row .col-lg-3:nth-child(3) {
    flex: 0 0 23%;
    max-width: 23%;
  }

  .footer .row .col-lg-3:nth-child(3) .line {
    width: 80%;
  }

  .footer .row .col-lg-3:nth-child(4) {
    flex: 0 0 24%;
    max-width: 24%;
  }
}

@media (min-width: 1640px) {
  .footer .row .col-lg-2 {
    flex: 0 0 12%;
    max-width: 12%;
  }
}