.container[data-v-d4f67918] {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  margin-bottom: 2.666667vw;
  overflow-x: auto;
}
.container > .phase-item[data-v-d4f67918] {
  margin-right: 8.8vw;
  position: relative;
}
.container > .phase-item[data-v-d4f67918]::before {
  content: "";
  display: block;
  width: 16vw;
  height: 1px;
  position: absolute;
  background: #eee;
  top: 5.333333vw;
  left: -12vw;
}
.container > .phase-item[data-v-d4f67918]:first-of-type::before {
  display: none;
}
.container > .phase-item[data-v-d4f67918]:last-of-type {
  margin-right: 0;
}
.container .phase-item-act[data-v-d4f67918]::before {
  background: #ff2b47;
}

.container[data-v-7afae67a] {
  width: 100%;
  background: #F8F8F8;
}
.container .goumaijili[data-v-7afae67a] {
  width: 100%;
  height: 13.333333vw;
  z-index: 9999;
  display: flex;
  justify-content: center;
  background: linear-gradient(91deg, #FF5536 0%, #F2142E 100%);
}
.container .goumaijili .icon-zuo[data-v-7afae67a] {
  position: absolute;
  left: 5.333333vw;
  line-height: 13.333333vw;
  font-size: 5.333333vw;
  font-weight: 600;
  color: #ffffff;
}
.container .goumaijili .goumaijili-you[data-v-7afae67a] {
  line-height: 13.333333vw;
}
.container .goumaijili .goumaijili-you span[data-v-7afae67a] {
  font-size: 4.266667vw;
  color: #ffffff;
  font-weight: 600;
}
.container .page-wrap[data-v-7afae67a] {
  position: relative;
  padding-top: 18.666667vw;
}
.container .page-wrap > .red-bg[data-v-7afae67a] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  height: 40vw;
  background: linear-gradient(91deg, #FF5536 0%, #F2142E 100%);
  padding: 5.333333vw 6.4vw;
}
.container .page-wrap > .main-wrap[data-v-7afae67a] {
  padding: 3.2vw 3.2vw 18.666667vw;
  background: #F8F8F8;
}
.container .page-wrap > .main-wrap > .user-wrap[data-v-7afae67a] {
  position: relative;
  padding: 5.066667vw 3.2vw;
  background: #FFFFFF;
  border-radius: 2.666667vw 2.666667vw 2.666667vw 2.666667vw;
}
.container .page-wrap > .main-wrap > .user-wrap .user-img[data-v-7afae67a] {
  width: 17.066667vw;
  height: 17.066667vw;
  border-radius: 50%;
}
.container .page-wrap > .main-wrap > .user-wrap .user-box[data-v-7afae67a] {
  width: 70%;
}
.container .page-wrap > .main-wrap > .user-wrap .name[data-v-7afae67a] {
  padding: 2.666667vw 0;
}
.container .page-wrap > .main-wrap > .user-wrap .style-box[data-v-7afae67a] {
  width: 100%;
}
.container .page-wrap > .main-wrap > .user-wrap .arrow-right[data-v-7afae67a] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2.666667vw;
  width: 3.733333vw;
  height: 3.733333vw;
}
.container .page-wrap > .main-wrap > .order-info[data-v-7afae67a] {
  padding: 4vw 3.2vw;
  margin-top: 2.666667vw;
  background: #FFFFFF;
  border-radius: 2.666667vw 2.666667vw 2.666667vw 2.666667vw;
}
.container .page-wrap > .main-wrap > .order-info .mark[data-v-7afae67a] {
  width: 70%;
  text-align: right;
}
.container .page-wrap > .main-wrap > .Floor-wrap[data-v-7afae67a] {
  padding: 4vw 3.2vw;
  margin-top: 2.666667vw;
  background: #FFFFFF;
  border-radius: 2.666667vw 2.666667vw 2.666667vw 2.666667vw;
}
.container .page-wrap > .main-wrap > .Floor-wrap .img-wrap[data-v-7afae67a] {
  display: flex;
  flex-wrap: wrap;
}
.container .page-wrap > .main-wrap > .Floor-wrap .img-wrap .img-item[data-v-7afae67a] {
  padding-top: 2.666667vw;
  padding-right: 2.666667vw;
}
.container .page-wrap .btn-wrap[data-v-7afae67a] {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 16vw;
  background-color: white;
  display: flex;
  justify-content: flex-end;
  padding-top: 2.666667vw;
  box-sizing: border-box;
}
.container .page-wrap .btn-wrap .btn[data-v-7afae67a] {
  height: 9.066667vw;
  line-height: 9.066667vw;
  padding: 0 3.733333vw;
  background: #FFFFFF;
  border-radius: 4.8vw 4.8vw 4.8vw 4.8vw;
  margin-right: 2.666667vw;
  font-size: 3.733333vw;
  text-align: center;
}
.container .page-wrap .btn-wrap .cancel-btn[data-v-7afae67a] {
  color: #333333;
  border: 1px solid #C7C7C7;
}
.container .page-wrap .btn-wrap .pay-btn[data-v-7afae67a] {
  color: #FF2B47;
  border: 1px solid currentColor;
}
.btn-ing[data-v-7afae67a] {
  justify-content: flex-end;
}