RealtorEasier/apps/agent/pages/map/map.wxss

.map {
  height: 100vh;
  width: 100%;
}
.map-w {
  position: relative;
}
.contact-w {
  position: absolute;
  right: 40rpx;
  bottom: 372rpx;
  height: 250rpx;
  width: 104rpx;
  border-radius: 125rpx;
  color: #fff;
  text-align: center;
}
.contact-nav {
  top: 54rpx;
  height: 104rpx;
}
.contact-mask {
  background: #000;
  opacity: 0.66;
  position: absolute;
  width: 100%;
  height: 100%;
}

.contact-content {
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 30rpx 0;
  box-sizing: border-box;
  line-height: 32rpx;
  font-size: 22rpx;
}
.contact-nav .contact-content {
  padding: 0;
  justify-content: center;
}

.contact-logo {
  height: 48rpx;
  width: 48rpx;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 0 auto 2rpx;
  
}

.contact-nav .contact-logo {
  width: 40rpx;
  height: 40rpx;
}

.tel-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAByFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+1dBwEAAAAl3RSTlMAAQMEBwgKCwwNDg8QEhQYIiQlKCkrLC0wMTIzNDU4OTs8QEFCREdISUpNUFNUVVZXWFpgYmdoaWtsbW5vcHd4e31+gISHiIuMkJGUlZaXmJydnp+goaKjpKWnqKmqq66vsLO1trq7vb/BxcjMzs/Q0tPU1tfY2tvd3t/g4ePk5ebn6Onq6+zv8PHy8/T19vf4+fr7/P3+LTScyQAAAoFJREFUSMeVlPlfElEUxWGCAhkma8QoyRYXCtIiDGmTUpEKskyUzCRIJHMhIhBDEltgZNFBtvfvNiLBmwneDOfH+dzve2fuu/eIRCJMfsdDUcHXgyKBwvXTYZr+tWnrlwuql16Y/Q6OFbarpEIA0vwtXwXokJkUAug9FDhR2mckTvHWnxn7XagB5ZyzTyHmAy5PFyrgHxFzdUv4AKMHNESHLWo+wLYGASC3bsIxNLC8BQPl3DsdjgYCPwFL0TdX0MRuhg2A+EP0axRKHCA1r0UCgCvKq0cCpUqbN2SO2vyHSJJdH37Vi+6SfxuqLh3EX/JtxUIQAjIb9y/JeV56YhUC/CZSxjdLw0sQYOU7npHK0SaAWxKFOuDWdvCvqOFTY5oE5UDvVGNeBeXAWX2ArhOCcqBzMQEt0NwAL0GMrEArt/dxgOCLPvJZqlgnintzQ9AdhFp/a5DkTtfdz1nQ1BWGX3/i8c0/uKpkv8/50Tho6grXze5S+6n4W4OSBcg0rhhEMK6M5PF7yHpmotUvsQ+jagmciUqD97AMu/KZVR0YRprj9byydCug7mHKx18PYVfpkF0rl5s2DupHhF19rO5pxoNZwApNt9XqzzQihY45T3zWJOmyh/IVgFDVZ2Mbxae7JmN5gCQYn/2NK8SSa5OhLJJgfNrgCGJcBeFeNdMXJwQwrsZZvWoiKgZ3SizRPHofRZuiuAurm9nZLyBu2OEAGN5zz5doDQSc/w277NzQ1EqCbtGl502TnRxZ3EykucYqRSrkuNE0R6VE582nfq6x4h+vWaVolVvExdsWx9JqcDt5VAHF5I+tNfeLMT2JzCBcNTyx4I8w80dH1pdthlr1X0mqGd2+FA8GAAAAAElFTkSuQmCC);
}
.consultation-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAABzlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9YkN6lAAAAmXRSTlMAAQIDBAcKCwwNFBgaGx0eHyEiJygrLDA1ODs8PT5AQURFRkdIT1FSVFZXWFpbXF5hYmRlZ2hwcXJzdHZ3eHl6e31/g4SFh4iPkpOUlZeYmZydoKKjpKWnqK2ur7CztLa5uru8wMHCw8TFx8jJysvM0dLT1Nfb3N3e3+Dh4uPk5ebn6Onq6+zt7u/w8fLz9PX29/j5+vv8/f76JtqHAAAC0ElEQVRIx5WW61/SYBTHH0UEMlHLGGnZBaKU6GIZaQmWmsayi1JiaakzKBEkumgXuaibTmDI2GTPfxvj5obott+rfc7Od895znOecwZAlZD7z6aX4xkI46veD89vnQUnSKVDuu2uOV94I8VCmIr9+eF/P27vNqjrarrXa/UdjoUYDUWiYwsPkebGWv6aTie2lmA4McAxiV/zTuNR/4bTtyf8OyysIXZ3xdXT1CByr1O3WjAcHiscs7SIdqJuc4RI9niAJUODbWpBPK0OH83BE8TRvsGWw6iaLCEaSogOWZoqgBUjOSmAI7GekrvG6MJZKCkWdxkL56HSPwlAWVoZauYzpbuwTMkDducRPlOIMyLPH7Jr/YZ8RNbFhEwAJha78xENxhm5ABO3A3B+gubkAhw93g765qACzdjAmE8J4B0FnrASIOwBwWjpOUcRRDpXKJs9fFukkj2vv15AlXKUSwfc7mDhzfqn1y+EejkZLBOxVVBejAqMmM0jwTQ8SL69cblLqEsm3l5QKl4BCLcZALObgEz0wZELzNtLqgFETgbITDmkYZNpOEDlQ5q+eUUc0lXeXiynDPi5U05SYGoqQPGbi3x+gwo1MVm083vYBF//CdJatDNJfEuobaLsDzf8yg9u1KsE8I0B24wSYK4PIGhWfnlnUQToHkWVXSCVZZaUf0X51mQY2JDbBNYdSLHNpGW2GaxDp7CR6VV8ZTUaUUJWq0SNmlIx3gvvS6d0D7NWqtfmTUkC2W+Cdt8bklrhILnkaK0MlPqBLYmzY3eW+w9HVr1mmJGoDhy7JhiK6jZXwZpJHsBjxi5qFY5d7cV3MLdP/A4ufY/WGOzkGjYkHuyn7izk0qHJu53nuoYW49mq5ERn+zv0GhGg7Rx49bTXdEab/znpsaMfv4QjFH+QTDTsnUEfXzfoVNU/Me3Gw08gfWMe/ybfSqigZ9SGVHv/B55J+LSHzyR/AAAAAElFTkSuQmCC);
}

.nav-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAYAAACoYAD2AAAEaUlEQVRYR82Y16tcVRTGf8vee++9dxREUNEXERGx64P/gdgQFRUVEfHBgA2UKNbogw+WEAOCYgkYiZqAgi+22DDmRkXsdcsvrC3H69wz5zozJy5Y7Llzz8z+Zn1rfWvtHfxPrJSyJXAMcHRjfQdYEmsKYylle2BHYKdcdwH2AFx3Tn+rN5CllLWBDdLXz/Ug4DDgEOBQYE9gQ2CtRuBeBhb1EslSytaAoKofDGwLbA5sDGyUwJsAxfowMG8iIEsp0rhDw3fNSElldSO7zgzp9gfwE3AHcO/IIJNKKVwPqOsRSaV06rsllV33+xn4HJgTEWMBaQEcmH5AUrpNUrlJ0il487KrfQ28Kt0R8WzXX7b6y0sp5ow0Cmy7XI2SSe8qra5GdTagpoP/BLgfWBgRS1tBJpXr5qauJrhU6oenKxdW5bjsT+Bd4CrgzYiYGgZSAPsD0uiqS+UWwKaAdFoA06tyFMDfAW8AlwDvRcSvf4MspRgpKVQaXHWp2xvYPV9bmaNSOewHfAi8CNwcEZ/5cJRSpEopMDpHpkunr809I9WnvQI8BTwREasqyIuSTqXC6NlDN0u3KsdJZZcf+xDwILAsIn6oIH2ztiip7BtUBa6Aq4+3A/cBqyLi9wrytZQVu4SyIUh9VvLUJURDnhHgl8CtETG3+aw5eTywVzb6/XISsaql3GLqy74CDNgDETH/HyBTpI2igqwryHV82ipz1AKysNTJSdlywNRboID/C+T0XUsp5qays29G+ITMWyNcU8F0qD4O4G8DVwNLI2JlF5ACMWqKtbQr4I5b+j4N3fS176kCo9j3wGLgMuCDiPhlKMhBu5VS1FJnP/PXKCvsCr3RtQEoXUqYqTNb+wh4AbghIlZM//DIFZzHAIdYzycnAqfOFmFOPE8Dj0TEN5MAaUcyJSyyk4CLM8q+19UU70ft2RHx49hBNr+wlHIscClwXPb6YSCdeMy/25QeYGUV8P+Uk8N2SylzSjoNsNXa/4eZAO3PN9oKI6IM+sDIOTktkhaQY91NwMnDECbAJavPMRELZnp+3CDNT0+AdwNn5FjXhtWxbB4wPyI8Yw+0sYJMyv3Oe4DzUkPb9lgGXJsTj327H5AJ9ErgnJSlmaYqx7BFwOXA8ohwwOgV5JnA2cAFLQeyj4HngevqcNs3SAfoswTQcgHgkfWZrOpv2xJ37DmZdNsiLZw7s5UOOt4q4I87nrVR7fdNBGQCPSULyF5uz6+mgP8G3JJ3PSsGCXgzspMEade5Bjgqh5C6rwXiDcX1wGPDAE46kl69nA9YROZotSklx1SIiIVtuVj/N8lISrO3tkqMg0e194EnPba2CXhfdNt9LKC7UjPrvt5O2DY9sn6xpiOpiHuQmwNcmIC9c3wJuAL4NCL8e6hNjO66cynFtidIc9TIPedZJiJatbEXuhsg7TrnAqcDr6eAz40IzzWdrI9IemnvscJebpfxMmqxt2WdEE5SzBuR9NTpGchoCtLCmYoIRb2T/QW06iYR5VMOyQAAAABJRU5ErkJggg==);
}