.popup-container[data-v-7d233f9d] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup[data-v-7d233f9d] {
    background-color: #FFFFFF;
    width: calc(100% - 0.85333rem); /* 16px margin on each side */
    max-width: 13.33333rem; /* Optional: limit maximum width */
    height: 13.14667rem;
    box-shadow: 0 0.10667rem 0.21333rem rgba(0, 0, 0, 0.1); /* Shadow around the popup */

    border-radius: 0.21333rem;
    position: relative;
}
.popup-content[data-v-7d233f9d] {
    display: flex;
    flex-direction: column;
    gap: 0.26667rem;
}
.buttons[data-v-7d233f9d] {
    position: absolute;
    bottom: 0.53333rem;
    left: 0.53333rem;
    right: 0.53333rem;
    display: flex;
    justify-content: space-between;
}
.close-button[data-v-7d233f9d] {
    position: absolute;
    bottom: -1.6rem;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 1.25333rem;
    height: 1.25333rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.title-bar[data-v-7d233f9d] {
  width: auto;
  height: 0.77333rem;
  margin: 0.32rem 0.53333rem;
  font-family: SFPro, SFPro;
  font-weight: bold;
  font-size: 0.64rem;
  color: #200e32;
  line-height: 0.77333rem;
  text-align: left;
  font-style: normal;
}
.btn-next[data-v-7d233f9d] {
  width: 9.6rem;
  height: 1.49333rem;
  background: #200e32;
  box-shadow: 0 0.10667rem 0.26667rem 0 rgba(114, 90, 172, 0.2);
  border-radius: 1.06667rem;
  font-weight: bold;
  font-size: 0.53333rem;
  color: #ffffff;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-text[data-v-7d233f9d] {
  width: auto;
  height: auto;
  margin: 0 0 0 0.53333rem;
  font-family: SFPro, SFPro;
  font-weight: 400;
  font-size: 0.42667rem;
  color: #200E32;
  line-height: 0.50667rem;
  text-align: left;
  font-style: normal;
}
.styled-input[data-v-7d233f9d] {
  border-radius: 0.32rem;
  background-color: #F2F3F4;
  font-size: 0.42667rem;
  margin: 0 0.42667rem 0 0.42667rem; /* 顺序：上、右、下、左 */
  height: 7.52rem; /* Set the height to 282px */
  padding: 0.26667rem 0.42667rem; /* Optional: for better spacing */
  border: 0.02667rem solid #ccc; /* Optional: to add a border */
  background: #ffffff; /* 白色背景 */
}
  

.popup-container[data-v-9fd6b73a] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup[data-v-9fd6b73a] {
    background-color: #FFFFFF;
    width: calc(100% - 0.85333rem); /* 16px margin on each side */
    max-width: 13.33333rem; /* Optional: limit maximum width */
    height: 8.61333rem;
    box-shadow: 0 0.10667rem 0.21333rem rgba(0, 0, 0, 0.1); /* Shadow around the popup */

    border-radius: 0.21333rem;
    position: relative;
}
.popup-content[data-v-9fd6b73a] {
    display: flex;
    flex-direction: column;
    gap: 0.26667rem;
}
.buttons[data-v-9fd6b73a] {
    position: absolute;
    bottom: 0.53333rem;
    left: 0.53333rem;
    right: 0.53333rem;
    display: flex;
    justify-content: space-between;
}
.close-button[data-v-9fd6b73a] {
    position: absolute;
    bottom: -1.6rem;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 1.25333rem;
    height: 1.25333rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.title-bar[data-v-9fd6b73a] {
  width: auto;
  height: 0.77333rem;
  margin: 0.32rem 0.53333rem;
  font-family: SFPro, SFPro;
  font-weight: bold;
  font-size: 0.48rem;
  color: #200e32;
  line-height: 0.77333rem;
  text-align: left;
  font-style: normal;
}
.btn-next[data-v-9fd6b73a] {
  width: 9.6rem;
  height: 1.49333rem;
  background: #200e32;
  box-shadow: 0 0.10667rem 0.26667rem 0 rgba(114, 90, 172, 0.2);
  border-radius: 1.06667rem;
  font-weight: bold;
  font-size: 0.53333rem;
  color: #ffffff;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-text[data-v-9fd6b73a] {
  width: auto;
  height: auto;
  margin: 0 0 0 0.53333rem;
  font-family: SFPro, SFPro;
  font-weight: 400;
  font-size: 0.42667rem;
  color: #200E32;
  line-height: 0.50667rem;
  text-align: left;
  font-style: normal;
}
.styled-input[data-v-9fd6b73a] {
  border-radius: 0.32rem;
  background-color: #F2F3F4;
  font-size: 0.42667rem;
  margin: 0 0.42667rem 0 0.42667rem; /* 顺序：上、右、下、左 */
  height: 7.52rem; /* Set the height to 282px */
  padding: 0.26667rem 0.42667rem; /* Optional: for better spacing */
  border: 0.02667rem solid #ccc; /* Optional: to add a border */
  background: #ffffff; /* 白色背景 */
}
  

.popup-container[data-v-3bf134d2] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup[data-v-3bf134d2] {
    background-color: #FFFFFF;
    width: calc(100% - 0.85333rem); /* 16px margin on each side */
    max-width: 13.33333rem; /* Optional: limit maximum width */
    height: 13.94667rem;
    box-shadow: 0 0.10667rem 0.21333rem rgba(0, 0, 0, 0.1); /* Shadow around the popup */

    border-radius: 0.21333rem;
    position: relative;
}
.popup-content[data-v-3bf134d2] {
    display: flex;
    flex-direction: column;
    gap: 0.26667rem;
}
.buttons[data-v-3bf134d2] {
    position: absolute;
    bottom: 0.53333rem;
    left: 0.53333rem;
    right: 0.53333rem;
    display: flex;
    justify-content: space-between;
}
.not-car-img[data-v-3bf134d2]{
    width: auto;
    height: 2.18667rem;
    margin: 0.4rem 0.42667rem;
    background: #F2F3F4;
    border-radius: 0.32rem;
    display: flex;
  justify-content: center;
  align-items: center;
}
.not-car[data-v-3bf134d2]{
    width: 3.70667rem;
    height: 1.17333rem;
    display:flex
}
.close-button[data-v-3bf134d2] {
    position: absolute;
    bottom: -1.6rem;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 1.25333rem;
    height: 1.25333rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.title-bar[data-v-3bf134d2] {
  width: auto;
  height: 0.77333rem;
  margin: 0.32rem 0.53333rem;
  font-family: SFPro, SFPro;
  font-weight: bold;
  font-size: 0.64rem;
  color: #200e32;
  line-height: 0.77333rem;
  text-align: left;
  font-style: normal;
}
.content-text[data-v-3bf134d2] {
  width: auto;
  height: auto;
  margin: 0.64rem 0.64rem 0 0.53333rem;
  font-family: SFPro, SFPro;
  font-weight: 400;
  font-size: 0.42667rem;
  color: #200E32;
  line-height: 0.50667rem;
  text-align: left;
  font-style: normal;
}
.content-text-one[data-v-3bf134d2] {
  width: auto;
  height: auto;
  margin: 0.26667rem 0.64rem 0 0.53333rem;
  font-family: SFPro, SFPro;
  font-weight: 400;
  font-size: 0.42667rem;
  color: #200E32;
  line-height: 0.50667rem;
  text-align: left;
  font-style: normal;
}
.styled-input[data-v-3bf134d2] {
  border-radius: 0.32rem;
  background-color: #F2F3F4;
  font-size: 0.42667rem;
  margin: 0 0.53333rem;
  padding: 0.26667rem 0.42667rem; /* Optional: for better spacing */
  border: 0.02667rem solid #ccc; /* Optional: to add a border */
}
.btn-next[data-v-3bf134d2] {
  width: 4rem;
  height: 1.49333rem;
  background: #200e32;
  box-shadow: 0 0.10667rem 0.26667rem 0 rgba(114, 90, 172, 0.2);
  border-radius: 1.06667rem;
  font-weight: bold;
  font-size: 0.53333rem;
  color: #ffffff;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-next-white[data-v-3bf134d2] {
    width: 4rem;
  height: 1.49333rem;

  background: #ffffff; /* 白色背景 */
  border: 0.02667rem solid #200e32; /* 边缘1px的 #200e32 线 */
  box-shadow: 0 0.10667rem 0.26667rem 0 rgba(114, 90, 172, 0.2);
  border-radius: 1.06667rem;
  font-weight: bold;
  font-size: 0.53333rem;
  color: #200e32; /* 调整文本颜色为 #200e32 */
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.related-car-list[data-v-3bf134d2] {
  display: flex;
  flex-wrap: wrap;
  max-height: 3.2rem; /* 设置最大高度 */
  overflow: auto; /* 启用滚动条 */
  width: 8.24rem;
  margin: 0 auto;
}
.car-item[data-v-3bf134d2] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3.86667rem; /* 每行两个元素，并且考虑到间距 */
  height: 2.18667rem;
  box-sizing: border-box;
  padding: 0.26667rem;
  text-align: center; /* 确保文本内容居中对齐 */
  background-color: #F2F3F4; /* 背景色 */
  border-radius: 0.21333rem; /* 可选，圆角 */
  margin: 0.10667rem; /* 每个元素之间的间距 */
}
.car-item .state[data-v-3bf134d2] {
  color: #ffffff; 
  padding: 0.05333rem 0.21333rem;
  font-size: 0.26667rem;
  margin-left: auto;
  background-color: #5ABB6E; /* 背景色 */
  border-radius: 0.32rem; /* 圆角 */
  margin-bottom: 0.13333rem; /* 控制文案之间的间距 */
}
.car-item .state-tow[data-v-3bf134d2] {
  color: #ffffff; 
  padding: 0.05333rem 0.21333rem;
  font-size: 0.26667rem;
  margin-left: auto;
  background-color: #999999; /* 背景色 */
  border-radius: 0.32rem; /* 圆角 */
  margin-bottom: 0.13333rem; /* 控制文案之间的间距 */
}
.car-item .license-plate[data-v-3bf134d2] {
  margin-bottom: 0.13333rem; /* 控制文案之间的间距 */
  font-size: 0.53333rem;
  color: #200E32;
}
.car-item .role[data-v-3bf134d2]{
  font-size: 0.37333rem;
  color: #A49EAC;
}