.footer-wrapper {
  background: #f6f6f6;
}

.footer-wrapper.has-btns .btns {
  display: block;
}

.footer-wrapper .btns {
  display: none;
  margin-top: 0.14rem;
  margin-bottom: 0.05rem;
  text-align: center;
}

.footer-wrapper .btns .btn {
  display: inline-block;
  width: 0.96rem;
  height: 0.3rem;
  line-height: 0.3rem;
  font-size: 0;
  background: white;
  border-radius: 15px;
  border: 1px solid #e8e8e8;
  text-align: center;
}

.footer-wrapper .btns .btn img {
  width: 0.16rem;
  height: 0.16rem;
  margin-right: 0.04rem;
  vertical-align: middle;
}

.footer-wrapper .btns .btn span {
  font-size: 0.13rem;
  color: #6b6b6b;
  vertical-align: middle;
}

.footer-wrapper .btns .btn.feedback {
  margin-right: 0.1rem;
}

.footer-wrapper .logo {
  padding-top: 0.25rem;
  text-align: center;
}

.footer-wrapper .logo .logo-img {
  width: 0.69rem;
  height: 0.19rem;
  margin-bottom: 0.02rem;
}

.footer-wrapper .copyright {
  padding-bottom: 0.18rem;
  font-size: 0.1rem;
  color: #999;
  text-align: center;
}

.footer-wrapper .floating {
  position: fixed;
  right: .16rem;
  bottom: .63rem;
  z-index: 900;
}

.footer-wrapper .floating .btn {
  width: .4rem;
  height: .4rem;
  padding-top: .1rem;
  text-align: center;
  font-size: 0;
  background: rgba(255,255,255, 0.94);
  border-radius: 50%;
  border:1px solid rgba(212,219,225,1);
  box-shadow:0px 2px 4px 0px rgba(0,0,0,0.15);
}

.footer-wrapper .floating .btn.feedback {
  margin-bottom: .2rem;
}

.footer-wrapper .floating img {
  width: .18rem;
  height: .18rem;
}