.head-box[data-v-431d6d16] {
  font-weight: 500;
  font-size: 0.45333rem;
  width: 100%;
  height: 1.28rem;
  /* border-bottom: 1px solid #f6f7f8; */
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.back[data-v-431d6d16] {
  position: absolute;
  top: 0.4rem;
  left: 0.32rem;
  font-size: 0.50667rem;
}
.unpaid-tips-box[data-v-431d6d16] {
  width: 9.17333rem;
  height: 1.49333rem;
  background: #fef0d2;
  border-radius: 0.32rem;
  margin: 0 auto;
  display: flex;
  /* justify-content: center; */
  align-items: center;
  font-weight: 500;
  font-size: 0.4rem;
  color: #e8a615;
  margin-top: 0.42667rem;
}
.unpaid-tips-box img[data-v-431d6d16] {
  width: 0.8rem;
  height: 0.8rem;
  margin-left: 0.24rem;
  margin-right: 0.13333rem;
}
.status-price-box[data-v-431d6d16] {
  width: 9.17333rem;
  height: 5.78667rem;
  margin: 0.48rem auto 0.69333rem auto;
  /* border: 1px solid; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.status-price-box img[data-v-431d6d16] {
  width: 2.64rem;
  height: 2.64rem;
}
.pay-tips[data-v-431d6d16] {
  width: 9.17333rem;
  height: 1.41333rem;
  font-size: 0.53333rem;
  line-height: 0.74667rem;
  font-weight: 500;
  color: #200e32;
}
.pay-price[data-v-431d6d16] {
  height: 1.78667rem;
  font-size: 1.49333rem;
  font-weight: 300;
  color: #200e32;
}
.pay-price[data-v-431d6d16]::after {
  content: "MYR";
  font-size: 0.37333rem;
  font-weight: 400;
  color: #200e32;
  margin-left: 0.08rem;
  line-height: 0.42667rem;
}
.digital-ticket[data-v-431d6d16] {
  height: 0.48rem;
  font-size: 0.34667rem;
  font-weight: 500;
  color: #a69fad;
  text-align: center;
  margin-bottom: 0.32rem;
}
.next[data-v-431d6d16] {
  width: 9.62667rem;
  height: 1.49333rem;
  /* border: 1px solid red; */
  /* background: #200e32;
  box-shadow: 0px 4px 10px 0px rgba(114, 90, 172, 0.2);
  border-radius: 8px; */
  position: fixed;
  left: 50%;
  bottom: -1%;
  transform: translate(-50%, -50%);
  font-size: 0.53333rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  color: #ffffff;
  z-index: 10;
}
.next-btn[data-v-431d6d16] {
  /* width: 273px;
  height: 56px;
  background: #200e32;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center; */
  width: 6.16rem;
  height: 1.49333rem;
  background: #ffffff;
  box-shadow: 0 0.05333rem 0.32rem 0 rgba(0, 0, 0, 0.1);
  border-radius: 0.21333rem;
  border: 0.02667rem solid #e1e1e1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 0.53333rem;
  color: #200e32;
}
.next-btn img[data-v-431d6d16] {
  width: 0.64rem;
  height: 0.64rem;
  margin-right: 0.21333rem;
}
.next-btn-overlay[data-v-431d6d16] {
  width: 7.28rem;
  height: 1.49333rem;
  background-color: #150a21 !important;
  color: #b2b2b2 !important;
  border-radius: 0.21333rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.operation-btn[data-v-431d6d16] {
  /* width: 56px;
  height: 56px;
  background: #ffffff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  border: 1px solid #e1e1e1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; */
  width: 3.09333rem;
  height: 1.49333rem;
  background: #ffffff;
  box-shadow: 0 0.05333rem 0.32rem 0 rgba(0, 0, 0, 0.1);
  border-radius: 0.21333rem;
  border: 0.02667rem solid #e65219;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 0.53333rem;
  color: #e65219;
}
.detail-operation-box[data-v-431d6d16] {
  position: absolute;
  left: -2.90667rem;
  top: -2.66667rem;
  width: 4.26667rem;
  height: 2.37333rem;
  background: #ffffff;
  box-shadow: 0 0.21333rem 0.32rem 0 rgba(0, 0, 0, 0.2);
  border-radius: 0.21333rem;
  z-index: 999;
}
.share-route-btn[data-v-431d6d16] {
  height: 49%;
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 0.37333rem;
  color: #200e32;
  font-weight: 400;
  border-bottom: 0.02667rem solid #f2f2f2;
}
.cancel-order-btn[data-v-431d6d16] {
  height: 50%;
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 0.37333rem;
  color: #e85252;
  font-weight: 400;
}
.share-route-btn img[data-v-431d6d16],
.cancel-order-btn img[data-v-431d6d16] {
  width: 0.53333rem;
  height: 0.53333rem;
  margin: 0 0.18667rem 0 0.42667rem;
}
.operation-btn img[data-v-431d6d16] {
  width: 0.64rem;
  height: 0.64rem;
}
.station-name[data-v-431d6d16] {
  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-431d6d16] {
  width: 9.62667rem;
  height: 16rem;
  margin: 0 auto;
  position: relative;
}
.station-map-img-box[data-v-431d6d16] {
  width: 9.62667rem;
  height: 16rem;
  overflow-x: scroll; /* 强制显示横向滚动条 */
  white-space: nowrap; /* 防止图片换行 */
}
.station-map-img[data-v-431d6d16] {
  height: 100%;
  display: inline-block; /* 设置为行内块元素，使图片横向排列 */
}
.boarding-point-tips[data-v-431d6d16] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 3.14667rem;
  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;
}
.motorcycle-type[data-v-431d6d16] {
  width: 2.61333rem;
  height: 1.81333rem;
}
.specific-location[data-v-431d6d16] {
  width: 2.61333rem;
  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-431d6d16]:nth-child(2) {
  font-weight: 500;
}
.operation-btn-box[data-v-431d6d16] {
  width: 8.48rem;
  height: 0.45333rem;
  margin: 0.85333rem auto;
  display: flex;
  font-weight: 500;
  font-size: 0.32rem;
  color: #a69fad;
  line-height: 0.45333rem;
  justify-content: space-around;
}
.operation-btn-box img[data-v-431d6d16] {
  width: 0.42667rem;
  height: 0.42667rem;
  margin-right: 0.10667rem;
}
.cut-off[data-v-431d6d16] {
  width: 0.02667rem;
  height: 0.42667rem;
  /* border: 1px solid #e2e3e5; */
  background: #e2e3e5;
}
.operation-cancel-order[data-v-431d6d16] {
  /* width: 107px; */
  height: 0.45333rem;
  display: flex;
  align-items: center;
  color: #e85353;
  /* border-right: 1px solid #e2e3e5; */
}
.operation-gate-map[data-v-431d6d16] {
  /* width: 100px; */
  height: 0.45333rem;
  display: flex;
  align-items: center;
  /* border-right: 1px solid #e2e3e5; */
}
.operation-share-route[data-v-431d6d16] {
  display: flex;
  align-items: center;
}
/* .sign-box {
  background: #fff;
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 8px 0 8px 0;
}

.sign {
  width: 52px;
  height: 4px;
  background: #e4e4e4;
  border-radius: 4px;
  text-align: center;
}

.assingn {
  color: #200e32;
  font-size: 18px;

  font-weight: 600;
  color: #200e32;
}

.arrow-img {
  width: 24px;
  height: 24px;
  vertical-align: middle;
}

.arrow-img5 {
  width: 100%;
  height: 170px;
  vertical-align: middle;
  padding: 19px 0 8px 0;
  margin-top: 20px;
  box-sizing: border-box;
  border-top: 1px solid #eaeaea;
}

.arrow-tip {
  font-size: 14px;

  font-weight: 400;
  color: #200e32;
  margin-left: 12px;
  vertical-align: middle;
}

.icon-line {
  margin: -1px 0px -3px 0px;
}
.icon-line img {
  width: 2px;
  height: 23px;
  margin: 5px 10px;
}
.arrow-step {
  padding: 4px 16px 4px 14px;
}
.arrow-step-box {
  height: 24px;
}
.head-title {
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
} */
.overlay[data-v-431d6d16] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色 */
  z-index: 9; /* 确保蒙层在最顶层 */
}

/* 取消订单 */
.bottom-popup-box[data-v-431d6d16] {
  width: 100%;
  margin: 0 auto;
  padding: 0.42667rem 0.42667rem 0.64rem 0.42667rem;
  box-sizing: border-box;
}
.bottom-popup-title[data-v-431d6d16] {
  color: #000;
  font-size: 0.53333rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0.16rem;
}
.bottom-popup-content[data-v-431d6d16] {
  color: #000;
  margin: 0.42667rem 0;
  font-size: 0.42667rem;
  line-height: 0.53333rem;
  font-weight: 400;
  color: #200e32;
}
.bottom-popup-btn[data-v-431d6d16] {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.bottom-popup-btn div[data-v-431d6d16],
.input-share[data-v-431d6d16] {
  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-431d6d16]:nth-child(1) {
  background: #ffffff;
  border: 0.02667rem solid #200e32;
  color: #200e32;
  margin-bottom: 0.42667rem;
}
.bottom-popup-btn div[data-v-431d6d16]:nth-child(2) {
  background: #200e32;
  color: #fff;
  box-shadow: 0 0.10667rem 0.26667rem 0 rgba(114, 90, 172, 0.2);
}
/* 取消订单成功 */
.out-box[data-v-431d6d16] {
  overflow: hidden;
  width: 8.77333rem;
  /* height: 233px; */
  background: #ffffff;
  box-shadow: 0 -0.05333rem 0.26667rem 0 rgba(0, 0, 0, 0.1);
  border-radius: 0.32rem;
}
.popup-title[data-v-431d6d16] {
  width: 4.16rem;
  height: 0.64rem;
  text-align: center;
  font-size: 0.45333rem;
  font-weight: 600;
  color: #200e32;
  margin: 0.4rem auto 0.29333rem auto;
}
.popup-content[data-v-431d6d16] {
  width: 7.97333rem;
  height: 1.68rem;
  font-size: 0.4rem;
  font-weight: 400;
  color: #200e32;
  margin: 0 auto;
  text-align: center;
  line-height: 0.56rem;
}
.popup-content span[data-v-431d6d16] {
  font-weight: 500;
}
.confirm-btn[data-v-431d6d16] {
  width: 100%;
  height: 1.41333rem;
  border-top: 0.02667rem solid #ecedf0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.50667rem;
  font-weight: 500;
  color: #200e32;
  margin-top: 0.4rem;
}
/* 路线 */
.share[data-v-431d6d16] {
  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-431d6d16] {
  opacity: 0.45;
}