/* component/Search/search.wxss */

.cityView {
  background: #f2f2f2;
  border-radius: 30rpx;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin: 0 auto;
  height: 60rpx;
  line-height: 60rpx;
  padding: 0 10rpx;
}

.cityView .head1 {
  color: #ee4454;
}

.cityView .head1 image {
  width: 19rpx;
  height: 24rpx;
}

.cityView view {
  display: inline-block;
  font-size: 26rpx;
}

.cityView .head3 {
  padding-left: 15px;
  display: inline-flex;
  align-items: center;
  color: #888;
}

.cityView .head3 image {
  width: 26rpx;
  height: 26rpx;
  margin-right: 6rpx;
}

/*  */


.cityChange{
  position: absolute;
  width: 100%;
  z-index: 100;
  height: 100%;
}
.CityView{
  background: #fff;
  padding:15rpx 30rpx;
}
.Site{
  height: 100%;
  
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.CityItem{
  display: inline-block;
  width: 48%;
  font-size:26rpx;
}
.newsite{
  position: absolute;
  margin-bottom:30rpx;
  z-index: 2000;
  background:rgba(17,17,17,0.5);
  width: 100%;
}
.back{
  
  height: 100%;
}