header{
    display: block;
}
.header-con, .header-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    flex-direction: row;
    /* 默认横向布局 */
}
.header-title{
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.header-title, .header-tab-item{
  width: 20%;
  max-width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1; 
}

.header-title {
    line-height: .88rem;
    text-align: center;
    font-size: .36rem;
    color: #000;
    font-weight: 700;
  }
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}
.header-wrapper {
    height: .88rem;
    z-index: 10;
    background: #fff;
    position: fixed;
    width: 100%;
    height: .88rem;
    left: 0;
    top: 0; }
  
  .header-con {
    position: absolute;
    width: 100%;
    height: .88rem;
    padding: 0 .4rem; }
    .header-con{
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center; }
  .header-back {
    width: .48rem;
    height: .48rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDU3RjhGQ0VBODMwMTFFQUIwRjdBM0UyMzg1QjhCQjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDU3RjhGQ0ZBODMwMTFFQUIwRjdBM0UyMzg1QjhCQjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQTNDRDE2OUE3NUExMUVBQjBGN0EzRTIzODVCOEJCMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQTNDRDE2QUE3NUExMUVBQjBGN0EzRTIzODVCOEJCMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpWhGAwAAAG9SURBVHja7Jm/K4VhFMfd61ci+RPkSjEwMDCwMLCwyMLExMRkkskii0wskpISi7sw3G5h8HcoSil5Sdev1/fU+9bt7Z4zvM/zXM+T59Qnw12+H3Sec87NhGFY43JlvIAX8AJewAsoFQmkQbE6QQG8Rj87Uuf4A4FucE+/uzIKrgj0gsdEeOLJBYF+ClohPHFou8AgeGbC34BWmwWGwQsTvghalJqJYYFR8MaEvwRNyt3QoMA4eGfC50GjlnZuSGASlJjwZ6BB23tkQGAafDDhj0Gd1gdVs8As+GLCH4Ba7ROBRoF58M2E3wNZIyONJoFF8MOE36Gh0dhMpkFgmQlObBkfKhUFVoXwG1WZihUE1oXwa9Ua67MKY3FJ+KzelYVmRfgrbNr+LxTXktCBtl0QoFoQ3oBd29toXHPCK7xv+0MW1wz4ZCSOuDnItmFuSphET7kOZds4PSHsAufJXcDWhWZM2MYuyrcxm1fKERAwEnTQarZdgGpIuEhc00XCdgGqAeEmdAvaXDhs9TFXOeLEldNiD3ioIBC4dNztAncJgSuXBKjao1YaRNe5XNoc/hsaL+AFvIAX+N8CvwIMADzkG94BNNkOAAAAAElFTkSuQmCC);
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat; }
  
  .header-title, .header-tab-item,{
    line-height: .88rem;
    text-align: center;
    font-size: .36rem;
    color: #000;
    font-weight: 700; }
  
  .header-r {
    font-size: .28rem;
    color: #000;
    font-weight: 700; }
  
  .header-r-icon {
    width: .48rem;
    height: .48rem; }
    .header-r-icon img {
      display: block;
      width: 100%;
      height: 100%; }
.header-tab-item {
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
  position: relative; }
  .header-tab-item.active {
    color: #000; }
    .header-tab-item.active:after {
      content: "";
      width: .24rem;
      height: .08rem;
      background: #ff4800;
      border-radius: .04rem;
      position: absolute;
      left: 50%;
      bottom: .08rem;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); }
/* 兼容iphone6 */
@media (device-height: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    .ios-app-placeholder .header-wrapper {
      height: 1.28rem; }
    .ios-app-placeholder .pt80 {
      padding-top: 1.28rem
    }
    .ios-app-placeholder .header-con {
      top: .4rem; }
    .ios-app-placeholder .etc-banner {
      padding-top: 1.28rem; }
    .ios-app-placeholder .etc-top {
      padding-top: 1.28rem; }
    .ios-app-placeholder .etc-top2 {
      min-height: 4.62rem; } }
  /* 兼容iphone6 Plus */
  @media (device-height: 736px) and (-webkit-min-device-pixel-ratio: 3) {
    .ios-app-placeholder .header-wrapper {
      height: 1.28rem; }
    .ios-app-placeholder .pt80 {
      padding-top: 1.28rem
    }
    .ios-app-placeholder .header-con {
      top: .4rem; } }
  /* 适配iPhoneX/XS */
  @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .ios-app-placeholder .header-wrapper {
      height: 1.76rem; }
    .ios-app-placeholder .pt80 {
      padding-top: 1.76rem
    }
    .ios-app-placeholder .header-con {
      top: .88rem; } }
  /* 适配iPhoneXR*/
  @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
    .ios-app-placeholder .header-wrapper {
      height: 1.76rem; }
    .ios-app-placeholder .pt80 {
      padding-top: 1.76rem
    }
    .ios-app-placeholder .header-con {
      top: .88rem; } }
  /* 适配iPhoneXS Max*/
  @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
    .ios-app-placeholder .header-wrapper {
      height: 1.76rem;
      border-top: .88rem solid transparent; } 
    .ios-app-placeholder .pt80 {
      padding-top: 1.76rem
    }
    }