/* purgecss start ignore */

.introduce_contact .grid__item{
  overflow:hidden
}

.introduce_contact .grid__item>div{
  position:relative;
  z-index:10
}

.introduce_contact .grid__item .item__bg{
  top:0px;
  left:0px;
  opacity:0;
  transition-property:transform;
  transition-timing-function:cubic-bezier(0, 0, 0.2, 1);
  transition-duration:500ms;
  z-index:0;
  transform:scale(1.1);
  transition-property:transform,opacity
}

.introduce_contact .grid__item:hover .item__bg{
  transform:scale(1);
  opacity:1
}

.introduce_contact .grid__item .amap-marker-label{
  border-width:0px;
  padding-left:0.75rem;
  padding-right:0.75rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  font-size:0.875rem;
  line-height:1.25rem;
  font-weight:700;
  --tw-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  box-shadow:0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow)
}

/* purgecss end ignore */