@import '../../common/styles/pubgm/mixins.less';

.pmg-header {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  height: .64rem;
  flex: 1;
}

.pmg-header-left {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

.pmg-header-title {
  flex-shrink: 0;

  .pmg-header-title-text{
    max-width: 6.4rem;
    line-clamp: 1;
    font-size: .4rem;
    font-weight: bold;
    color: #fff;
  }
}

.pmg-header-right {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

.pmg-header-left-child,
.pmg-header-right-child{
  flex: 1;
}

.pmg-close-img {
  margin-left: .24rem;
  width: .4rem;
  height: .4rem;
  .bgUrl('comp/icon-close.png');
  flex-shrink: 0;
}