/* pages/chooseadress/chooseadress.wxss */
page{
  width: 100%;
  height: 100%;
  overflow: hidden
}
.map_container{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.bg{
  position: fixed;
  top:0;
  left:0;
  right: 0;
  bottom:0;
  width:100%;
  height: 100%;
}
.bg image{
  width:100%;
  height: 100%;
}
.top_text{
  position: absolute;
  color:#222;
  font-size:40rpx;
  top:4%;
  left:50%;
  transform: translateX(-50%);
  font-weight: bold;
}
.main{
  position: absolute;
  top:15%;
  height: 80%;
  width:100%;
  padding:0 0 0 30rpx;
  color:#D85372;
  font-size:30rpx;
  display: flex;
}
.main_left{
 
  height: 80%;
  overflow-y: auto;
  overflow-x: hidden;
  margin:0 20rpx 0 0;
}
.left_cell{
  position: relative;
  padding:0 10rpx;
  width:125rpx;
  height: 88rpx;
  overflow-x: auto;
  text-align:left;
  display: flex;
  align-items: center;
  white-space: nowrap;
  border:1rpx solid #D85372;
  border-radius: 10rpx; 
  margin:0 0 24rpx 0;
}
.unit_num{
  position: absolute;
  width:32rpx;
  height: 32rpx;
  border-radius: 50%;
  top:8rpx;
  right:5rpx;
  background-color: #FFC426;
  font-size:26rpx;
  color:#222222;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index:5;
}
.main_rigth{
  width:560rpx;
  height: 80%;
  overflow-x: hidden;
  overflow-y: auto;
 
}
.heiht80{
  height: 80%;
}
.heiht100{
  height: 100%;
}
.rigth_cell{
  display: inline-block;
  padding: 0 34rpx;
  margin:0 20rpx 24rpx 0;
  height: 88rpx;
  line-height: 88rpx;
  text-align: center;
  border-radius: 10rpx;
  border:1rpx solid #D85372;
}
.seach_box{
  width:530rpx;
  box-sizing: border-box;
  position:relative;
}
.seach_items{
  background-color: #fff;
  position: absolute;
  top:88rpx;
  width:530rpx;
  border-radius: 10rpx;
  padding:0 30rpx;
  box-sizing: border-box;
  z-index:100;
  height: 600rpx;
  overflow-y: scroll;
}
.seach_item{
  padding:25rpx 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color:#D85372;
  font-size:30rpx;
  border-bottom: 1rpx #ccc dashed;
}
.seach_item:last-child{
  border:none;
}
.icon_img{
 width:13rpx;
 height:22rpx;
}
.icon_img image{
  display: block;
  width:100%;
  height: 100%;
}
.seach_text{
  height: 88rpx;
  width:100%;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 10rpx;
  border:1rpx solid #D85372;
  margin:0 30rpx 0 0; 
}
.seach_text input{
  box-sizing: border-box;
  padding:0 30rpx;
  width:100%;
  height: 100%;
  color:#D85372;
  font-size:30rpx;
}
.pclass{
  color:#D85372;
}
.map_box{
  position: relative;
  margin:24rpx 0 0 0;
  width:530rpx;
  height: 528rpx;
  overflow: hidden;
}
.tab_box{
  width:100%;
  padding:10rpx 0 0 0;
  box-sizing: border-box;
  height: 210rpx;
  overflow-y: auto;
  margin:60rpx 0 0 0;
  display: flex;
  flex-wrap: wrap;
}

.tab_cell{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color:#fff;
  font-weight: bold;
  background-color: #DB214C;
  border-radius: 10rpx;
  height: 88rpx;
  padding:0 30rpx;
  margin: 0 30rpx 20rpx 0;
}
.close_box{
position:absolute;
top:-8rpx;
right:-9rpx;
width:32rpx;
height:32rpx;
border-radius:50%;
overflow:hidden;
background-color: #fff;
}
.close_box image{
  width:100%;
  height: 100%;
}
.bottom_btn{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #007CC2;
  bottom:0;
  height: 88rpx;
  width:100%;
  color:#fff;
  font-size:32rpx;
}
.activity_cell{
  background-color:#DB214C;
  color:#fff;
  font-weight: bold;
}
.map_container map{
  width:100%;
  height: 100%;
}
.map_text{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  height: 80px;
  background: #fff;
  padding: 0 15px;
}
text{
  margin: 5px 0;
  display: block;
  font-size:12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}