joywok-material-components/components/map/style/Index.css

<h1 align="center"> Joywok Material Components </h1>

.jw-map-dialog .ant-modal-body {
  overflow: hidden;
}

.ant-message {
  z-index: 1301;
}
.ant-message .anticon-close-circle::before {
  content: '';
}

.amap-sug-result {
  z-index: 30001;
}

.jw-map .jw-map-w {
  padding: 20px;
  position: relative;
}
.jw-map .jw-map-w .jw-map-search {
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -140px;
  width: 280px;
  z-index: 2222;
}
.jw-map .jw-map-w .jw-map-search input {
  border: 1px solid #DDDDDD;
}
.jw-map .jw-map-w .jw-map-c {
  position: relative;
  height: 430px;
}
.jw-map .jw-map-w .jw-map-point {
  width: 10px;
  height: 14px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAbCAYAAAB836/YAAAAAXNSR0IArs4c6QAAAvJJREFUSA2VVU1IVFEUPve+p4Uh2cJFEYSVSSpFpEKrySLM0dR+ZpGtXEmbFi2qXdOmZQTtImghmPaEUGcmRcYfIgRTkPyB1HLnoiAkEDN873TO0zvdue/Z6IXh3vN93/nefeeed0dAyIjH4/bY1HwzeN51QKhCgUdYJlCsgIBJkPJd5Hx5L+k2zXRhArUNsQZA7xkCnDI5PabEBRDy/kjSSeq4VAEiitqGm08QvUQuM85hDWu3cjCzMUsZfpiaiyPCYxXvYY50dDmwvDA/yjm+8+Vo7KoLXkrFTOxxoAUymk45A4IKK8cmZmcQsNw0oad9FyBegAUTPudCjQdwj164OKAVYi5SXXmG6hZrolr0BgQgxvYfELH3jvND5+pjseLfa+jQBiI6zmsprSY6FGw2CSrEqm3braYZ6xhjjjVmHm2sRdKTLpgEvebrob6uFRNXMXOsUbGa2UtSs/pNq0B/lmIyKw4LwjWHuQ9dUy9cOoYcI0xDm/MkteRnMxclVpmYGYdp2IteGcYDYsS2S9HWYyauYuboy2pTsZrZS1oi/5UQgtpLGwiFKP5019+4c1RD/SVjzNG3V6hz7OF7MXgxequf2qdRF/hrag2qy0uw5HZjezWEt9NpHgxoQSRGUz3XbCYsKZ66XoghQhElPwA3cG4BP/Zg0L9t0glnnLb8JqDaJcC57JEx5EWebT8EIdZ36fFPRjl+7jaS6bevX2Z/lZRVrANi3T917pWQ8lG6/+2gUmYuWAYiVRXP6Yb5qMhcM2s5R9cRlj2uNLaWbuLGNF22BdlMdkTf8pot888NJToXdSbzygr8tjDz83hp5QqdbovCwmYJsj2d7B42uYAhC5YX56dLyspPUPOeNRM4FhI6RpI9oX8XWTXUk/MOFdylO29Wx/w1YT4XILaAQA11XV1T7OSG632inRZtm63us2T1YJ+zpOv09Y47ZBEnWihvU+O6/OP1/8w4J7SGTKhB9VwqKT29SoYDw6meToXvNP8FRlgN5l7zszYAAAAASUVORK5CYII=) no-repeat;
  background-size: cover;
}
.jw-map .jw-map-w .jw-map-loading-c {
  position: relative;
  height: 430px;
}
.jw-map .jw-map-w .jw-map-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-right: -20px;
  width: 40px;
  height: 40px;
  background-color: #b0b0b0;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}
@-webkit-keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}
@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
.jw-map .jw-map-footer {
  height: 53px;
  padding: 0 20px;
  border-top: 1px solid #E7E7E7;
}
.jw-map .jw-map-footer .jw-map-address {
  display: block;
  line-height: 53px;
  margin-right: 175px;
}
.jw-map .jw-map-footer .jw-map-address .jw-map-address-tip {
  float: left;
}
.jw-map .jw-map-footer .jw-map-address .jw-map-address-value {
  display: block;
  margin-left: 20px;
}
.jw-map .jw-map-footer .jw-map-btns {
  float: right;
}
.jw-map .jw-map-footer .jw-map-btns .jw-button, .jw-map .jw-map-footer .jw-map-btns button {
  display: inline-block;
  min-width: 72px;
  width: unset;
  height: 30px;
  line-height: 1;
  margin-left: 12px;
}
.jw-map .jw-map-footer .jw-map-btns button:first-child {
  margin-left: 0;
}
.jw-map .jw-map-footer .jw-map-btns .jw-map-btn-save {
  background: #404A53;
  font-size: 13px;
  border: 1px solid #fff;
  color: #fff;
}
.jw-map .jw-map-footer .jw-map-btns .jw-map-btn-cancel {
  border: 1px solid #404A53;
  color: #404A53;
}

.amap-icon img {
  width: 25px;
  height: 34px;
}