.header-bar {
  height: 5.4rem;
  background: url(../../skin/mobile/images/m_headerBg.jpg) no-repeat;
  background-size: 100% auto;
  position: relative; }
  .header-bar .header-box {
    position: absolute;
    bottom: 0.4rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 9.33333333rem;
    height: 3.13333333rem;
    background: white;
    border-radius: 0.13333333rem;
    padding: 0.42666667rem 0.56rem; }
    .header-bar .header-box .header-title {
      position: relative;
      font-size: 0.50666667rem;
      line-height: 0.50666667rem;
      font-weight: 500;
      color: #353535; }
      .header-bar .header-box .header-title span {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 0.37333333rem;
        line-height: 0.37333333rem;
        color: #cdcdcd; }
    .header-bar .header-box .header-border {
      width: 0.8rem;
      height: 0.08rem;
      border-radius: 3px;
      background: #f7711f;
      margin: 0.29333333rem 0 0.21333333rem; }
    .header-bar .header-box .header-info {
      font-size: 0.37333333rem;
      font-weight: 400;
      color: #747474;
      line-height: 0.56rem;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }

.content > img {
  width: 100%; }