* {
  margin: 0;
  padding: 0;
}

html,
body {
  font-size: 0.24rem;
}
.background {
  position: fixed;
  top: 0;
  left: 0;
  width: 7.5rem;
}

.container {
  padding-top: 0.7rem;
  position: relative;
}

.back-button {
  position: fixed;
  left: 0;
  top: 0.2rem;
  width: 1.08rem;
  height: 0.56rem;
}

.customer-service-btn {
  position: fixed;
  display: block;
  top: 5%;
  right: 0;
  width: 0.7rem;
  height: 0.6rem;
  line-height: 0.6rem;
  border-radius: 0.3rem 0 0 0.3rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAfCAMAAAC4Y5/EAAAAllBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AJcWoAAAAMXRSTlMA/L71+eLdd0oCzskkF66cmVZHEw3owrSNgF02MSwRBu/t5NeDYFHUu6egkmxlH3A7UKz+QQAAAVJJREFUOMuFk9eagjAQhSeBCIIK2FBRsay97J73f7lNiILifPhfkXAm0+mNuXfcrtxNECdL4mknAUqcy53TdEJoRvIUp4EA4HrtD03iaPNJZg/LmbGQw5pmp42jLlXsFRC+R9YH3N27WXcMyPbrxQjCpxq5Vk1fzmfglz4YtCA6VWICITH4QFQeLsAfcUiIwfO7hQOxJMCsSu2HFw1dHIdFQKYZfeIJgZWvs19DsyCenunPnGIYusQTQdPTQX97CSNaAY+YJsp/rZGamJisSAKw2Sk4fqVxoIrsNCntYdjq+5txb/0ujJubqZNGZNoLDKawVwFAybNU5te1qDjg7IpanrZOkBcjnuJJOre9O3hli8uxyeJgLdZBnD2mwNWSRvIx1y52MhsxMy6X7Op5pgEtb1BsS5Sz5lNY7N4Rz6ba4OhOX0TOzO5lk7tqk5oCr2X+D//RMxj5/hNiAAAAAElFTkSuQmCC) 20% 45% no-repeat #FF7921;
  background-size: 0.36rem 0.31rem;
  color: #FFF;
  text-align: center;
  padding-left: 0.6rem;
  text-decoration: none;
  font-size: 0.3rem;
}
.wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.wrapper .item + .item {
  border-top: 0.01rem solid #cccccc;
}

.wrapper .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  padding: 0.2rem;
}

.wrapper .item .image-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.05rem;
}

.wrapper .item .image-wrapper img {
  max-width: 1.5rem;
  max-height: 1.5rem;
}

.wrapper .item .info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-align-self: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  margin: 0 0.1rem;
  width: 0;
}

.wrapper .item .info .title {
  font-size: 0.3rem;
  color: #444444;
  font-weight: bold;
}

.wrapper .item .goto-icon {
  width: 0.2rem;
  height: 0.36rem;
}

.empty {
  font-size: 0.3rem;
  color: #888888;
  text-align: center;
  margin-top: 0.5rem;
}