/* components/diy_top_nav/diy_top_nav.wxss */
@import '../../app.wxss';
.nav_left{
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nav_left_box{
  width: 48%;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.nav_right{
  flex: 1;
}
.navl_left{
  height: 100%;
  background-color:rgba(255, 255, 255, .5);
  border-radius:30rpx;
  border: 1rpx solid rgba(227, 227, 227);
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0 4%;
  box-sizing: border-box;
}

.navl_minddle{
  height: 100%;
  flex: 1;
  background-color: bisque; 
  display: flex;
  align-items: center;
  vertical-align: middle;
  /* justify-content: center; */
  border-radius: 30rpx;
  background-color: rgb(242, 243, 245);
  /* background-color: #898989; */
  font-size: 28rpx;
  color: #898989;
}
.nav_search{
  display: flex;
  align-items: center;
  margin: 0 10rpx 0 20rpx;
}
.navl_right{
  background-color: #fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1rpx solid rgba(227, 227, 227);
}
.navl_left_b{
  width: 1rpx;
  height: 65%;
  background-color:rgb(227,227,227) ;
}
.we_chat{
  width: 45rpx;
  height: 45rpx;
}
.nav_fh {
	width: 18rpx;
	height: 18rpx;
	border-top: 2rpx solid #000;
	border-right: 2rpx solid #000;
	transform: rotateZ(-135deg);
	display: inline-block;
	margin-bottom: 3rpx;
}
.list_menu{
  position: absolute;
  /* bottom: -10rpx; */
  /* top: -13rpx; */
  left: -35rpx;
  /* width: 180rpx; */
  /* width: auto; */
  padding: 10rpx 26rpx;
  /* height: 400rpx; */
  margin-top: 18rpx;
  background-color: #fff;
  /* background-color: rebeccapurple; */
  border-radius: 15rpx;
  z-index: 9999999;
}
.list_menu_top{
  position: absolute;
  top: -10rpx;
  left: 50rpx;
  width: 26rpx;
	height: 26rpx;
  /* background-color: rebeccapurple; */
  background-color: #fff;
	transform: rotateZ(45deg);
  display: inline-block;
}
.menu_item{
  display: flex;
  align-items: center;
  font-size: 26rpx;
  white-space: nowrap;
  /* padding: 20rpx; */
}
.menu_item image{
  width: 36rpx;
  height: 36rpx;
  margin-right: 20rpx;
}
.call_back_box{
  width: 100rpx;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  /* background-color: blueviolet; */
  left: 0;
  bottom: 0;
}
.call_back_box .nav_fh{
  width: 20rpx;
  height: 20rpx;
}

.tb_con{
  position: absolute; bottom: 0; right: 24rpx; font-size: 18rpx;color: #333;
}

.sear_fangda{
  vertical-align: middle; margin-left:20rpx; margin-right:8rpx;position:relative; top: 10rpx;
}