.top_bar .back {
    display: inline-block;
    height: 44px;
    top: 0;
    left: 0;
    width: 44px;
    border-radius: 0;
    background: url('../images/header_back.png') no-repeat center center;
    background-size: 20px;
}

.toolbar {
    width: 100%;
    height: 44px;
    position: relative;
    background-color: #3072F6 ;
}

.toolbar span {
    display: block;
    text-align: center;
    line-height: 44px;
    font-weight: 700;
}
.toolbar span a {
    color: #fff;
    font-weight: 900;
}

.toolbar span.backBtn {
    width: 44px;
    height: 44px;
    position: absolute;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.toolbar span.backBtn a {
    width: 50%;
    height: 50%;
    background: url('../images/header_back.png') no-repeat 50%;
    background-size: 100%;
    display: block;
}

.toolbar .abs_r {
    color: #fff;
    right: 6px;
    z-index: 100;
    font-size: 14px;
    font-weight: 600;
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    text-align: center;
    line-height: 44px;
}

.toolbar .abs_r a{
  color: #fff;
}

.toolbar .abs_r a img{
  width: 22px;
  height: 22px;
  margin-top: 11px;
}

.toolbar span.seting{
      width: 44px;
      height: 44px;
      position: absolute;
      right: 0;
      top: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      cursor: pointer;
}

.toolbar span.seting a {
    width: 50%;
    height: 50%;
    background: url('../images/header_seting_icon.png') no-repeat 50%;
    background-size: 100%;
    display: block;
}