@import "../../styles/themes/variable.scss";

@font-face {
  font-family: icon-back;
  src: url('data:font/woff2;charset=utf-8;base64,d09GMgABAAAAAAJwAA0AAAAABlgAAAIcAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCQhEICkRYCwoAATYCJAMQBCAFhQIHMRt4BcieA27LDKfzqCCEerQWfiWd/MUg4+H7/X6/9jkb1aTJQ30d16glQiTBdFKlRJIn+FLCtWLp9iYRslUZ9U2mQTf+a79kBvdxzVJkq8YwOIyJAoSCfvhizlcnTAM35T7R5Zz6QB8ojr5lgVygwAK89I4FGNhsOJvziDdMr4lf1yQuQsDrg074vq6KdxN6MQ6KUFUhUZApnrRRHkrgEbw+/lOik6KtEh071ycGPn57xIPqXVNQ3xUIAMwgVFRMINBSEphQNgNSCn56TQP3NH8QEO0EIApIzM9DwJ4WTYMCEnQiMATGASQAYsi2r5Zvm8rleVG9uti+L2urxWa7ag41Vzc3K46VPhcgEHz9ZUvrv7MnNZ+BpPksu3oA6FRAUOXVFwnKJ/WPIROQSEEgDSFQ0K0bDQCG7UCAEUMEQqctBIoONwhUne4FSJ2eBWjT40WAdp3eQKDbUrRAoMdIPKkiuzALGB4GTfCi3zFeDYqBRDZ4m3GPeLtBX3i3I991PWbjFkcyJhVDumFAc8Z06WIRK8FwkM0NKNyAFwMHsn4v9phscwFVBv+VRbUfHWEeMWVybnhAJpBgpVNcFiS3wHJ5xJRl8UpuwaZgzDJgycRCA6d+fMMUCMQGEpmYx6RjAhyS2/OFrTBbayPuRii3QJH+zn0fcIuxxIhIZAVsCvQoFVi4cknm5jhc3y8PLQV0I61EOPBGab9WI2fuAgAA');
}
#{$xh-prefix}-nav-bar {
  width: 100%;
  background: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  position: relative;
  &.border {
    border-bottom: 1px solid #F2F2F2;
  }
  &.h5 {
    padding: 10px;
  }

  &-back {
    position: absolute;
    left: 20px;
    font-size: 38px;
    margin-top: 5px;
    margin-left: 10px;
    font-weight: 800;
    font-family: 'icon-back';
    &.hidden {
      display: none;
    }
    &:before {
      content: "\e61e";
    }
  }
  &-title {
    font-size: 34px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 600;
    color: #333333;
    flex: 1;
    text-align: center;
    &.isAndroid {
      text-align: left;
      padding-left: 46PX;
    }
  }
  &-right {
    right: 20px;
    position: absolute;
    max-width: 60px;
    max-height: 60px;
  }

}