/* components/navBar/navBar.wxss */
// .fill{
//   height: 44rpx;
//   background: red;
// }
.nav-bar-container{
  // padding-top: constant(safe-area-inset-top);
  // padding-top: env(safe-area-inset-top);
  // padding-top: 16px;
  background: transparent;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  .nav-bar-box{
    // height: 96rpx;
    background: transparent;
    height: 48px;
    display: grid;
    grid-template-columns: 25% 50% 25%;
    align-items: center;
    box-sizing: border-box;
    padding: 0 30rpx;
    &.white{
      color: #ffffff;
    }
    .left{
      display: flex;
      align-items: center;
      justify-content: flex-start;
      .back{
        width: 20rpx;
        height: 35rpx;
        padding: 15rpx 30rpx 15rpx 0;
      }
    }
    .center{
      display: flex;
      justify-content: center;
    }
    .right{
      display: flex;
      justify-content: flex-end;
    }
  }
}