@charset "utf-8";
* {
  margin: 0;
  padding: 0;
  word-wrap: break-word
}
.englishOrNum,.MazdaTypeBold{
  font-family: MazdaTypeBold !important;
}
* img {
  border: 0
}
.web {
  display: none !important
}
* hr {
  border: 1px dashed #d2d2d2
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
td,
th,
tr {
  color: #333333;
  font-size: 12px;
  font-weight: normal;
  font-family: 'Courier New', Courier, monospace;
  font-family: NotoSansHansRegular;
}
html,
body {
  position: relative;
  height: 100%;
  background-color: #F3F3F3;
}

body {
    color: #333;
    margin: 0;
    padding: 0;
}
[v-cloak] {
  display: none;
}
.container {
  display: flex;
  /* display: flex;
  justify-content: flex-end; /* 将容器的子元素推到右侧 */
  /* padding: 20px; */
  height: 100vh;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.contacts_map{
  height: 100%;
  width: 100%;
  position: relative;
}
.contacts_map .list-box{
  position: absolute;
  right: .8rem;
  top: 13vh;
  width: 4.2rem;
  height: 70vh;
  background: #ffffff;
  padding: 30px 20px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 200;
  overflow: hidden;
}
.contacts_map .list-box .title{
  font-size: .24rem;
  font-weight: bold;;
  color: #000;
  margin-bottom: .15rem;

}
.contacts_map .list-box .select-box-out{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap:.05rem;
  margin-bottom: .15rem;
}
/* .contacts_map .list-box .select-box select{
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: .2rem;
} */
.contacts_map .list-box .items-box{
  width: 100%;
  height: 80%;
  overflow-x: hidden;
  overflow-y: scroll;
}
.contacts_map .list-box .items-box .item{
  padding: .1rem .15rem;
  border-radius: 4px;
  border: 1px solid transparent;
  margin-bottom: .25rem;
  cursor: pointer;

}
.contacts_map .list-box .items-box .item:hover{
  border-color:#ddd;
  background-color: rgba(52, 130, 255, .1);
}
.contacts_map .list-box .items-box .item-name{
  font-size: .18rem;
  font-weight: bold;
  margin-bottom: .12rem;
}
.contacts_map .list-box .items-box .item-adr{
  font-size: .16rem;
  margin-bottom: .08rem;
  color:rgba(18, 21, 26, .6);
}
.contacts_map .list-box .items-box .item-phone{
  font-size: .16rem;
  color:rgba(18, 21, 26, .6);
  display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: .1rem;
    
}
.contacts_map .list-box .items-box .item-phone img{
  width: .18rem;
  height: auto;
}
.content-window-card {
  position: relative;
  box-shadow: none;
  bottom: 0;
  left: 0;
  width: auto;
  padding: 0;
}

.content-window-card p {
  height: 2rem;
}

.custom-info {
  border: solid 1px silver;
}

.custom-input-card{
  width: 1.8rem;
}

.custom-input-card .btn:last-child{
  margin-left: .1rem;
}

.content-window-card{
  position: relative;
  width: 2.3rem;
  padding: 0.75rem 0 0 1.25rem;
  box-shadow: none;
  bottom: 0;
  left: 0;
}

.content-window-card p{
  height: 2rem;
}
.amap-info-content{
  padding: 15px 23px 15px 15px;
}
.amap-info-content .input-name{
  font-weight: 600;
  margin-bottom: .15rem;
}
.amap-info-content .input-item{
  /* font-size: .18rem; */
  margin-bottom: .1rem;
  font-size: 12px;
}
.el-cascader{
  z-index: 111111 !important;
}
.el-cascader__dropdown, .el-select-dropdown{
  z-index: 111111 !important;
}