.body-content {
  padding-right: 0;
}
.contact-container {
  width: 100%;
  margin: .88rem auto 0;
  padding-left: 2rem;
  display: flex;
  justify-content: space-between;
}
.contact-box {
  margin-top: .4rem;
  font-size: 1.18rem;
  font-weight: 900;
  letter-spacing: 1px;
  color: var(--light-color);
}

.contact-box .contact-title{
  
}

.contact-box .contact-title-tips{
  
}

.contact-content {
  width: 14.95rem;
  /* height: 8.08rem; */
  margin-top: -1.4rem;
  padding: .7rem;
  border-radius: .58rem 0 0 0;
  background: rgba(255, 255, 255, 0.76);
}

.contact-top {
  display: flex;
  align-items: center;
  margin-bottom: .3rem;
}

.contact-top>h2 {
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: 1px;
  line-height: .60rem;
  color: var(--secondary-color);
}

.contact-top>span {
  margin-left: .5rem;
  margin-top: .45rem;
  font-size: .24rem;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: .35rem;
  color: rgba(3, 3, 3, 1);
}

.contact-text {
  color: var(--secondary-color);
  font-size: .24rem;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: .34rem;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}

.code-box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: .36rem;
  font-size: .24rem;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: .35rem;
  text-align: center;
}
.code-box>div {
  margin: 0 .5rem;
}
.img-fluid {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.2rem;
  margin-bottom: .12rem;
  background: rgb(163, 163, 163);
}