.map_content {
  width: 750rpx;
  height: 100vh;
}
.map-location {
  width: 90rpx;
  height: 90rpx;
  background-color: #fff;
  position: fixed;
  left: 30rpx;
  bottom: 570rpx;
  border-radius: 20rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 5px 11px rgba(0, 0, 0, 0.2);
}
.map-location image {
  width: 45rpx;
  height: 45rpx;
}
.callout {
  box-sizing: border-box;
  background: rgba(15, 75, 203, 0.26);
  border-radius: 15rpx 15rpx 15rpx 0;
  padding: 10rpx 15rpx;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: start;
}
.callout_item {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: start;
  font-weight: bold;
  font-size: 28rpx;
  color: #ffffff;
  box-sizing: border-box;
}
.callout_item_img {
  width: 40rpx;
  height: 40rpx;
  margin-right: 15rpx;
}
.callout_item:nth-child(1) {
  margin-bottom: 15rpx;
}
.recharge {
  width: 690rpx;
  background-color: #fff;
  min-height: 300rpx;
  position: fixed;
  left: 30rpx;
  bottom: 250rpx;
  border-radius: 20rpx;
  padding: 20rpx;
  box-shadow: 0 5px 11px rgba(0, 0, 0, 0.2);
}
.recharge_title {
  font-size: 36rpx;
  margin-bottom: 20rpx;
}
.recharge_con {
  font-size: 26rpx;
}
.map_box {
  width: 690rpx;
  position: fixed;
  left: 30rpx;
  bottom: 230rpx;
  z-index: 999;
}