
.selected[data-v-7215c9c4] {
  border: 0.05333rem solid #200e32 !important;
}
.cancel-reason-title[data-v-7215c9c4] {
  /* width: 191px; */
  height: 0.66667rem;
  font-weight: 600;
  font-size: 0.48rem;
  color: #200e32;
  margin: 0.42667rem;
}
.cancel-reason-list[data-v-7215c9c4] {
  width: 9.38667rem;
  /* height: 72px; */
  background: #ffffff;
  border-radius: 0.21333rem;
  border: 0.02667rem solid #e8e8e8;
  margin: 0 auto 0.32rem auto;
  padding: 0.42667rem 0.32rem;
  box-sizing: border-box;
  overflow-wrap: break-word;

  font-weight: 400;
  font-size: 0.37333rem;
  color: #200e32;
  line-height: 0.53333rem;
}
.submit-btn[data-v-7215c9c4] {
  width: 9.38667rem;
  height: 1.49333rem;
  background: #200e32;
  border-radius: 0.74667rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  margin: 0.10667rem auto 0.42667rem auto;
  font-weight: bold;
  font-size: 0.53333rem;
  color: #ffffff;
}




















































































































































































































































































































































































































































































































































































/* 取消订单 */
.bottom-popup-box[data-v-a4a5f55a] {
  width: 100%;
  margin: 0 auto;
  padding: 0.42667rem 0.42667rem 0.64rem 0.42667rem;
  box-sizing: border-box;
}
.popup-title[data-v-a4a5f55a] {
  font-weight: 600;
  font-size: 0.48rem;
  color: #200e32;
  text-align: left;
  color: #200e32;
  margin: 0.42667rem;
  margin-top: 0.48rem;
}
.popup-content[data-v-a4a5f55a] {
  font-weight: 400;
  font-size: 0.42667rem;
  color: #200e32;
  line-height: 0.58667rem;
  text-align: left;
  margin: 0 0.42667rem 0.42667rem 0.42667rem;
}
.confirm-btn[data-v-a4a5f55a] {
  width: 9.62667rem;
  height: 1.49333rem;
  background: #200e32;
  box-shadow: 0 0.10667rem 0.26667rem 0 rgba(114, 90, 172, 0.2);
  border-radius: 0.21333rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 0.85333rem auto;
  font-weight: bold;
  font-size: 0.53333rem;
  color: #ffffff;
}
.bottom-popup-title[data-v-a4a5f55a] {
  color: #000;
  font-size: 0.53333rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0.16rem;
}
.bottom-popup-content[data-v-a4a5f55a] {
  color: #000;
  margin: 0.42667rem 0;
  font-size: 0.42667rem;
  line-height: 0.53333rem;
  font-weight: 400;
  color: #200e32;
}
.bottom-popup-btn[data-v-a4a5f55a] {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.bottom-popup-btn div[data-v-a4a5f55a],
.input-share[data-v-a4a5f55a] {
  width: 9.17333rem;
  height: 1.41333rem;
  line-height: 1.41333rem;
  font-size: 0.53333rem;
  font-weight: bold;
  border-radius: 0.21333rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.bottom-popup-btn div[data-v-a4a5f55a]:nth-child(1) {
  background: #ffffff;
  border: 0.02667rem solid #200e32;
  color: #200e32;
  margin-bottom: 0.42667rem;
}
.bottom-popup-btn div[data-v-a4a5f55a]:nth-child(2) {
  background: #200e32;
  color: #fff;
  box-shadow: 0 0.10667rem 0.26667rem 0 rgba(114, 90, 172, 0.2);
}
.station-name[data-v-a4a5f55a] {
  width: 5.81333rem;
  height: 1.25333rem;
  font-weight: 600;
  font-size: 0.48rem;
  color: #200e32;
  margin: 0.42667rem;
  margin-bottom: 0;
}
.station-map-box[data-v-a4a5f55a] {
  width: 9.62667rem;
  height: 16rem;
  margin: 0 auto;
  position: relative;
}
.station-map-img-box[data-v-a4a5f55a] {
  width: 9.62667rem;
  height: 16rem;
  overflow-x: scroll; /* 强制显示横向滚动条 */
  white-space: nowrap; /* 防止图片换行 */
}
.boarding-point-tips[data-v-a4a5f55a] {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 2.24rem;
  background: #000000;
  opacity: 0.4;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.32rem;
  color: #ffffff;
  line-height: 0.48rem;
}
.specific-location[data-v-a4a5f55a] {
  height: 0.45333rem;
  display: flex;
  font-size: 0.32rem;
  color: #ffffff;
  line-height: 0.45333rem;
  font-weight: 400;
  justify-content: space-between;
}
.specific-location span[data-v-a4a5f55a]:nth-child(1) {
  margin-right: 0.32rem;
}
.specific-location span[data-v-a4a5f55a]:nth-child(2) {
  font-weight: 500;
}
.motorcycle-type[data-v-a4a5f55a] {
  height: 1.81333rem;
  padding: 0 0.32rem;
}
.station-map-img[data-v-a4a5f55a] {
  height: 100%;
  display: inline-block; /* 设置为行内块元素，使图片横向排列 */
}
.userinfo-bg[data-v-a4a5f55a] {
  width: calc(100% - 0.8rem); /* 距离屏幕左右各15px */
  height: 2.13333rem; /* 高度80px */
  background-color: #ffffff; /* 背景白色 */
  border-radius: 0.21333rem; /* 圆角8px */
  box-shadow: 0 0.10667rem 0.26667rem rgba(0, 0, 0, 0.1); /* 阴影效果 */
  border: 0.02667rem solid #e0e0e0; /* 边缘线1px，颜色为浅灰色 */
  margin: 0 auto; /* 居中 */
}
.container[data-v-a4a5f55a] {
  display: flex;
  flex-direction: column; /* 垂直排列子元素 */
  justify-content: center;
  align-items: center;
  padding-top: 0.53333rem;
}
.centered[data-v-a4a5f55a] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto; /* 设置容器高度为视口高度，使内容垂直居中 */
}
.mail-ipt[data-v-a4a5f55a] {
  width: 9.17333rem;
  height: 1.41333rem;
  background: #ffffff;
  border-radius: 0.21333rem;
  border: 0.02667rem solid #eaeaea;
  margin: 0.29333rem auto 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mail-ipt input[data-v-a4a5f55a] {
  width: 8.37333rem;
  height: 0.56rem;
  font-size: 0.4rem;
  font-weight: 500;
  color: #200e32;
}
.get-info[data-v-a4a5f55a] {
  width: 9.17333rem;
  height: 1.41333rem;
  background: #200e32;
  box-shadow: 0 0.10667rem 0.26667rem 0 rgba(114, 90, 172, 0.2);
  border-radius: 0.21333rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.53333rem;

  font-weight: bold;
  color: #ffffff;
  margin: 0.66667rem auto;
}
.mail-title[data-v-a4a5f55a] {
  margin: 0.4rem 0 0.34667rem 0.4rem;
  font-size: 0.45333rem;
  font-weight: 600;
  color: #200e32;
}
.item-display[data-v-a4a5f55a] {
  position: relative;
  display: flex; /* 使用 Flex 布局 */
  flex-direction: column; /* 垂直排列 */
}
.item-line[data-v-a4a5f55a] {
  display: flex;
  margin-top: 0.8rem;
}
.item-line[data-v-a4a5f55a]:last-child {
  margin-bottom: 0.53333rem;
}
.item-line > div[data-v-a4a5f55a] {
  flex: 1; /* 让两个 div 平分父元素的宽度 */
  margin-left: 0.53333rem;
}
.sign-border[data-v-a4a5f55a] {
  height: 0.42667rem;
  border: 0.02667rem solid #e2e3e5;
}
.info-box[data-v-a4a5f55a] {
  display: flex;
  align-items: center;
  font-size: 0.32rem;
  font-weight: 500;
  color: #a69fad;
}
.itme-bottom-info[data-v-a4a5f55a] {
  height: 1.49333rem;
  display: flex;
  align-items: center;
  font-size: 0.37333rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  justify-content: center;
  background: #fff;
}
.item-text[data-v-a4a5f55a] {
  width: auto;
  font-size: 0.37333rem;
  color: #a69fad;
}
.item-text-18[data-v-a4a5f55a] {
  width: auto;
  font-size: 0.37333rem;
  font-weight: 500;
  color: #200e32;
  margin-top: 0.26667rem;
}
.item-text-14[data-v-a4a5f55a] {
  width: auto;
  font-size: 0.37333rem;
  color: #e04242;
  margin-top: 0.26667rem;
  margin-left: 0.21333rem;
}
.item-text-15[data-v-a4a5f55a] {
  width: auto;
  font-size: 0.37333rem;
  color: #a8a1af;
  margin-top: 0.26667rem;
  margin-left: 0.21333rem;
}
.qr-code[data-v-a4a5f55a] {
  width: 4.8rem !important;
  height: 4.8rem !important;
  margin: -0.18667rem auto 0 auto;
  padding-top: 0.53333rem;
  display: block !important;
}
.cancel-img[data-v-a4a5f55a] {
  width: 2.18667rem;
  height: 2.18667rem;
  margin: 0 auto 0 auto;

  background-image: url(../img/icon-cancel-img.99c925f8.png);
  display: block !important;
  background-size: cover; /* 调整背景图片的尺寸以覆盖整个容器 */
  background-position: center; /* 将背景图片居中显示 */
}
.custom-element[data-v-a4a5f55a] {
  width: auto;
  height: 0.66667rem;
  padding-left: 0.26667rem;
  padding-right: 0.26667rem;
  background-color: #000000;
  border-radius: 0 0.21333rem 0 0.21333rem; /* 顺序是：左上 右上 右下 左下 */
  color: #ffffff; /* 白色字体 */
  font-size: 0.34667rem; /* 字体大小为 13px */
  text-align: center; /* 文字居中 */
  line-height: 0.66667rem; /* 文字垂直居中 */
}
.custom-elements[data-v-a4a5f55a] {
  width: auto;
  height: 0.66667rem;
  padding-left: 0.26667rem;
  padding-right: 0.26667rem;
  background-color: #e04242;
  border-radius: 0 0.21333rem 0 0.21333rem; /* 顺序是：左上 右上 右下 左下 */
  color: #ffffff; /* 白色字体 */
  font-size: 0.34667rem; /* 字体大小为 13px */
  text-align: center; /* 文字居中 */
  line-height: 0.66667rem; /* 文字垂直居中 */
}
.bg-image[data-v-a4a5f55a] {
  background-image: url(../img/icon-qr-code-bg.0b0cb4c6.png);
  margin-left: 0.42667rem;
  margin-right: 0.42667rem;
  margin-top: 0.53333rem;
  border-radius: 0.32rem;
  background-size: cover;
  filter: drop-shadow(0 0 0.06667rem rgba(0, 0, 0, 0.2)); /*添加阴影 */
  background-repeat: no-repeat;
  z-index: 1; /* 设置一个较高的 z-index 值 */
  position: relative;
  background-position: center;
}
.bg-image-cancel[data-v-a4a5f55a] {
  background-image: url(../img/icon-payment-clear-bg.577d522c.png);
  margin-left: 0.42667rem;
  margin-right: 0.42667rem;
  margin-top: 0.53333rem;
  border-radius: 0.32rem;
  background-size: cover;
  filter: drop-shadow(0 0 0.06667rem rgba(0, 0, 0, 0.2)); /*添加阴影 */
  background-repeat: no-repeat;
  z-index: 1; /* 设置一个较高的 z-index 值 */
  /* position: absolute; */
  background-position: center;
  position: relative;
  height: 11.73333rem;
}
.qrcode[data-v-a4a5f55a] {
  font-weight: 600;
  font-size: 0.42667rem;
  color: #200e32;
  line-height: 0.66667rem;
  text-align: center;
  font-style: normal;
}
.order-number[data-v-a4a5f55a] {
  height: 0.50667rem;
  text-align: center;
  margin-bottom: 0.32rem;
}
.pay-method[data-v-a4a5f55a] {
  height: 0.50667rem;
  text-align: center;
  margin-bottom: 1.6rem;
}
.order-number span[data-v-a4a5f55a]:nth-child(1),
.pay-method span[data-v-a4a5f55a]:nth-child(1) {
  font-weight: 400;
  font-size: 0.37333rem;
  color: #a69fad;
}
.order-number span[data-v-a4a5f55a]:nth-child(2),
.pay-method span[data-v-a4a5f55a]:nth-child(2) {
  font-weight: bold;
  font-size: 0.37333rem;
  color: #200e32;
}
.text-size16[data-v-a4a5f55a] {
  font-size: 0.42667rem;
  text-align: center;
}
.email[data-v-a4a5f55a] {
  width: auto;
  height: auto;
  font-weight: 600;
  font-size: 0.48rem;
  color: #200e32;
  font-size: 0.37333rem;
  line-height: 0.56rem;
  text-align: center;
  font-style: normal;
}
.head-box[data-v-a4a5f55a] {
  font-weight: 500;
  font-size: 0.45333rem;
  width: 100%px;
  height: 1.28rem;
  /* border-bottom: 1px solid #f6f7f8;
    background-color: white; */
  display: flex;
  align-items: center;
  background: white;
  justify-content: center;
  position: relative;
}
.back[data-v-a4a5f55a] {
  position: absolute;
  top: 0.37333rem;
  left: 0.42667rem;
  font-size: 0.56rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAASVJREFUaEPt2OENgjAQBeDrALICO+A26j/jVMZ/6jayAyvgADUlkmgwJrT33uWS+lua9/UBORrE+S84zy8VYN1gbaA2ULgD9RbK3MDQNt0uXTuM/V1EYuY6Jq/R0G625xDiMYWOIodh7G9eAF/hvQGW4WO4DM/HycMtBAmfGmS8hWDhGQBoeDQAHh4JoIRHAWjhEQBqeG0APbwmwCS8FsAsvAbANHwxoG26fRC5zpNkVJht1k6lRaOEe0CapT5n+2k8JrdQ1MC7blOEBmB6lqya0AKYITQBJghtAB2BAFARKAANgQRQEGgAHMEAQBEsAAzBBPxGODsbXSC8He7O477r4/W13yx//89+BlTDF39SqqfJWLA2kLFpqpfUBlS3M2Mx9w28AJYYDkBzWRsOAAAAAElFTkSuQmCC) no-repeat center center;
  background-size: contain;
  color: transparent;
}
.agent-info-box[data-v-a4a5f55a] {
  width: 100%;
  height: 2.13333rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.agent-info[data-v-a4a5f55a] {
  height: 1.12rem;
  margin-left: 0.32rem;
  display: flex;
}
.agent-user-img[data-v-a4a5f55a] {
  width: 1.06667rem;
  height: 1.06667rem;
  border-radius: 50%;
}
.agent-user-info[data-v-a4a5f55a] {
  margin-left: 0.32rem;
}
.user-name[data-v-a4a5f55a] {
  font-weight: bold;
  font-size: 0.48rem;

  color: #200e32;
  margin-top: 0.21333rem;
}
.user-agent[data-v-a4a5f55a] {
  font-weight: 400;
  font-size: 0.34667rem;
  color: #a69fad;
  margin-top: 0.10667rem;
}
/* 路线 */
.share[data-v-a4a5f55a] {
  width: 9.17333rem;
  height: 1.41333rem;
  line-height: 1.41333rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border-radius: 0.21333rem;
  border: 0.02667rem solid #eaeaea;
  font-size: 0.4rem;
  font-weight: 500;
  color: #200e32;
  margin-bottom: 0.42667rem;
  padding-left: 0.4rem;
}
.isCopy[data-v-a4a5f55a] {
  opacity: 0.45;
}

