.titleBar-wrapper {
  width: 100%;
  height: 1.6rem;
  line-height: 1.6rem;
  border-bottom: 1px solid #eeeeee;
  padding: .1rem .4rem;
  position: relative;
}
.titleBar-wrapper .title-icon {
  width: .8rem;
  /* height: .7rem; */
  position: absolute;
  top: 54.5%;
  left: .5rem;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.titleBar-wrapper .title {
  margin-left: 1.1rem;
  letter-spacing: 1px;
  color: #333;
  font-size: .58785rem;
  /* font-weight: 500; */
}
.titleBar-wrapper .more-message {
  font-size: .49rem;
  color: #969696;
  float: right;
  margin-right: .8rem;
}
.titleBar-wrapper .more-icon {
  width: .25rem;
  position: absolute;
  top: 54.5%;
  right: .8rem;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.navBar-wrapper {
  height: 2rem;
  line-height: 2rem;
  font-size: .7rem;
  background: #ffda44;
  vertical-align: middle;
  display: table;
  width: 100%;
  max-width: 640px;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  text-align: center;
  -ms-transform:translate(-50%, 0); 
  -moz-transform:translate(-50%, 0); 
  -webkit-transform:translate(-50%, 0);
  -o-transform:translate(-50%, 0)
}
.navBar-wrapper .back {
  width: 1.1rem;
  height: 1.1rem;
  position: absolute;
  top: 50%;
  left: .4rem;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
}