.foot-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #1a1a1a;
}

.foot-wrap .foot-info {
  margin: 0 auto;
  width: fit-content;
  padding: 1.93rem 0;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #242424;
}

.foot-wrap .foot-info .foot-info-item {
  width: 12.18rem;
  height: 13.36rem;
  border-right: 1px solid #242424;
}

.foot-wrap .foot-info .foot-info-item h3 {
  padding-bottom: 1.93rem;
  text-align: center;
  font-size: 1.14rem;
  font-weight: 400;
  color: #f5f5f5;
}

.foot-wrap .foot-info .foot-info-item ul {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.foot-wrap .foot-info .foot-info-item ul li {
  list-style: none;
  font-size: 1rem;
  line-height: 1.73rem;
  font-weight: 300;
  color: #989898;
}

.foot-wrap .foot-info .foot-info-item:nth-last-of-type(1) {
  border-right: none;
}

.foot-wrap .foot-relation {
  margin: 1.61rem auto;
  width: 85.26rem;
  display: flex;
}

.foot-wrap .foot-relation .foot-relation-code {
  margin-right: 6.64rem;
}

.foot-wrap .foot-relation .foot-relation-code img {
  height: 9.71rem;
  width: 9.75rem;
}

.foot-wrap .foot-relation .foot-relation-code .code-info {
  padding-top: 0.93rem;
  width: 9.75rem;
  display: flex;
  justify-content: space-between;
  font-size: 0.83rem;
  font-weight: 300;
  color: #414141;
}

.foot-wrap .foot-relation .foot-relation-info {
  flex: 1;
  height: 12.14rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.foot-wrap .foot-relation .foot-relation-info ul {
  display: flex;
  justify-content: space-between;
}

.foot-wrap .foot-relation .foot-relation-info ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  list-style: none;
  font-size: 1.14rem;
  font-weight: 400;
  color: #646464;
  line-height: 1.93rem;
}

.foot-wrap .foot-relation .foot-relation-info ul li:nth-of-type(1) {
  color: #fff;
}

.foot-wrap .foot-relation .foot-relation-info ul li:hover {
  color: #fff;
}

.foot-wrap .foot-relation .foot-relation-info .address {
  margin-top: 1.46rem;
  border-top: 1px solid #242424;
  padding-top: 1.46rem;
  font-size: 1.14rem;
  font-weight: 400;
  color: #646464;
  line-height: 1.86rem;
}

.foot-wrap .foot-friends {
  border-top: 1px solid #242424;
  border-bottom: 1px solid #242424;
}

.foot-wrap .foot-friends .friends {
  margin: 1.61rem auto;
  width: 85.26rem;
  display: flex;
  font-size: 0.93rem;
  font-weight: 300;
  color: #8c8c8c;
}

.foot-wrap .foot-friends .friends h3 {
  font-size: 1.14rem;
  line-height: 1.14rem;
  width: 9.17rem;
}

.foot-wrap .foot-friends .friends .friends-list {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}

.foot-wrap .foot-friends .friends .friends-list .item {
  margin-bottom: 1rem;
  display: block;
  padding-right: 1rem;
  margin-right: 1rem;
  border-right: 2px solid #242424;
}

.foot-wrap .foot-company {
  height: 7.14rem;
  /* line-height: 7.14rem; */
  background: #111111;
  font-size: 0.86rem;
  font-weight: 400;
  color: #969696;
  /* text-align: center; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.foot-wrap .foot-company > p {
  width: 100%;
  text-align: center;
}
.foot-wrap .foot-company > p > a {
  color: #969696;
  margin: 0 4px;
}
.foot-wrap .foot-company > p > span {
  margin-right: 5px;
}
.foot-wrap .foot-company .foot-agreement {
  margin-bottom: 8px;
}