/* components/navBar.wxss */
.nav-bar{
  transition-duration: .4s;
  overflow: hidden;
}
.nav-bar .title{
  font-size: 36rpx;
  font-weight: 600;
  color:#222222;
}
.nav-bar-content{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding:0 34rpx;
}
.nav-bar-content .left{
  flex:1;
  display: flex;
  align-items: center;
  text-overflow: ellipsis;
  max-width: calc(100vw - 140rpx);
}
.nav-bar-content .left .btns{
  display: inline-flex;
  align-items: center;
  border-radius: 60rpx;
  vertical-align: middle;
}
.nav-bar-content .left .spliter{
  width:1.2rpx;height:36rpx;
  background-color:#D8D8D8;
}
/*单一一个返回或者加上 backTitle的时候*/
.nav-bar-content .back{
  width:40rpx;height:40rpx;
  padding:12rpx 14rpx 12rpx 12rpx;
}
.nav-bar-content .back.home{
  width:56rpx;height:56rpx;
  padding:0;
}
.nav-bar-content .left .btns.border{
  border: 1.2px solid #D8D8D8;
}
/*有俩按钮 back+share 的时候*/
.nav-bar-content .left .btns.border .back{
  padding:12rpx 24rpx;
  width:36rpx;height:36rpx;
}
.nav-bar-content .back-title{
  font-size: 36rpx;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nav-bar-content .share{
  width:30rpx;height:34rpx;
  padding:12rpx 28rpx;
  vertical-align: middle;
}
.nav-bar-content .center{
  flex:1;
  text-align: center;
}
.nav-bar-content .right{flex:1;}