/* pages/location/location.wxss */
@import "/mycss/stylesheet.wxss";
@import "/mycss/iconfont.wxss";

.menu {
  background-color: #fff;
}

.location-search {
  /* border: 1px dashed #ccc; */
  z-index: 99;
  margin: auto;
  text-align: center;
  width: 100%;
  height: 68rpx;
  line-height: 68rpx;
  display: flex;
  align-items: center;
}

.location-search .location {
  margin: 0 3%;
  width: 44%;
  color: #fff;
  height: 60rpx;
  line-height: 60rpx;
  overflow: hidden;
  text-align: left;
  padding-left: 30rpx;
  font-size: 24rpx;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.location-search .location .left {
  display: flex;
  align-items: center;
  padding-bottom: 10rpx;
}

.location-search .location .middle {
  height: 100%;
  overflow: hidden;
}

.location-search .location .middle .span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.location-search .location .right {
  display: flex;
  align-items: center;
  padding-bottom: 6rpx;
}

.location-search .search-form-box {
  flex-grow: 1;
  margin: 0 3%;
  width: 34%;
  color: #fff;
  border-radius: 30rpx;
  height: 60rpx;
  line-height: 60rpx;
  overflow: hidden;
  text-align: left;
  padding-left: 30rpx;
  font-size: 24rpx;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.location-search .search-form-box .left {
  display: flex;
  align-items: center;
  padding-bottom: 10rpx;
}

.location-search .search-form-box .right {
  display: flex;
  align-items: center;
}