.bar {
  width: 100vw;
  overflow: hidden;
  background: #FAF9F7;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.bar .main {
  margin: 0 auto;
  padding: 101px 64px 54px;
  box-sizing: border-box;
  display: flex;
}

.bar .main .logo-section {
  width: 226px;
  margin-right: 100px;
}

.bar .main .logo-section .logo {
  width: 109px;
}

.bar .main .logo-section p {
  padding-left: 20px;
  margin: 18px 0 12px;
  line-height: 30px;
  font-size: 18px;
  color: #718096;
}

.bar .main .logo-section .qrcode {
  width: 226px;
}

.bar .main .features-section .link-title {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 14px;
  display: block;
}

.bar .main .features-section .list {
  width: 400px;
  display: flex;
  flex-wrap: wrap;
}

.bar .main .features-section .list .item {
  width: 170px;
  height: 35px;
}

.bar .main .features-section .nav-link {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 15px;
  color: #48505B;
  line-height: 35px;
  cursor: pointer;
}

.bar .main .features-section .nav-link-subtitle {
  color: #718096;
}

.bar .main .about-section .list li {
  margin-bottom: 22px;
  display: flex;
}

.bar .main .about-section .list li img {
  width: 32px;
  height: 32px;
  margin-right: 6px;
}

.bar .main .about-section .list li p {
  font-size: 18px;
  line-height: 32px;
}

.bar .main .about-section .list li .info {
  font-size: 14px;
  line-height: 18px;
  color: #718096;
  white-space: pre-wrap;
  margin-top: 8px;
}

.bar .main .about-section .list li .qrcode-service {
  width: 130px;
  height: auto;
  margin-top: 8px;
}

.bar .copyright {
  width: 100%;
  height: 88px;
  line-height: 88px;
  text-align: center;
  border-top: 1px solid #CBD5E0;
  font-size: 14px;
}