.van-count-down{color:#323233;font-size:3.73333vw;line-height:5.33333vw}
.van-submit-bar{position:fixed;bottom:0;left:0;z-index:100;width:100%;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);background-color:#fff;-webkit-user-select:none;user-select:none}.van-submit-bar__tip{padding:2.13333vw 3.2vw;color:#f56723;font-size:3.2vw;line-height:1.5;background-color:#fff7cc}.van-submit-bar__tip-icon{min-width:4.8vw;font-size:3.2vw;vertical-align:middle}.van-submit-bar__tip-text{vertical-align:middle}.van-submit-bar__bar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;height:13.33333vw;padding:0 4.26667vw;font-size:3.73333vw}.van-submit-bar__text{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding-right:3.2vw;color:#323233;text-align:right}.van-submit-bar__text span{display:inline-block}.van-submit-bar__suffix-label{margin-left:1.33333vw;font-weight:500}.van-submit-bar__price{color:#ee0a24;font-weight:500;font-size:3.2vw}.van-submit-bar__price--integer{font-size:5.33333vw;font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif}.van-submit-bar__button{width:29.33333vw;height:10.66667vw;font-weight:500;border:none}.van-submit-bar__button--danger{background:-webkit-linear-gradient(left,#ff6034,#ee0a24);background:linear-gradient(to right,#ff6034,#ee0a24)}.van-submit-bar--unfit{padding-bottom:0}
.m-order-detail {
  position: relative;
  min-height: calc(100vh - 13.33333vw);
  padding-bottom: 13.33333vw;
  background: var(--image-orderDetail-top) no-repeat;
  background-size: contain;
  background-color: #f7f5f5;
}
.m-order-detail .van-image {
  width: 16vw;
  height: 16vw;
}
.m-order-detail p {
  margin: 0;
}
.m-order-detail .order-bg {
  height: 35.73333vw;
  color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.m-order-detail .order-bg .status {
  font-size: 4.8vw;
  font-weight: 500;
}
.m-order-detail .order-bg .sub {
  font-size: 3.73333vw;
  margin: 2.66667vw 0;
  font-weight: 300;
}
.m-order-detail .order-bg .van-count-down {
  font-size: 3.73333vw;
  color: #fff !important;
}
.m-order-detail .order-main {
  border-radius: 2.13333vw;
  overflow: hidden;
  margin: 0 4vw;
}
.m-order-detail .order-main .order-main-address {
  border-radius: 2.13333vw;
  overflow: hidden;
}
.m-order-detail .order-main .order-main-address .logistics {
  padding: 4vw 5.33333vw;
  border-bottom: 1px solid #eee;
  background: #fff;
}
.m-order-detail .order-main .order-main-address .logistics .progress {
  font-size: 3.73333vw;
  font-weight: 600;
  color: #333333;
  line-height: 4.26667vw;
}
.m-order-detail .order-main .order-main-address .add-main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.m-order-detail .order-main .order-main-address .add-main .name {
  height: 4.26667vw;
  font-size: 4.26667vw;
  font-weight: 600;
  color: #333333;
  line-height: 4.26667vw;
}
.m-order-detail .order-main .order-main-address .add-main .add {
  font-size: 3.46667vw;
  font-weight: 400;
  color: #666666;
  line-height: 5.06667vw;
}
.m-order-detail .order-main .order-main-address .address {
  padding: 4vw 5.33333vw;
  background: #fff;
}
.m-order-detail .order-main .order-main-address .iconfont {
  font-size: 3.73333vw;
  margin: 0.53333vw 4vw 0 0;
}
.m-order-detail .order-main .order-main-address .goods-name {
  font-size: 3.73333vw;
  color: #000;
  width: 53.33333vw;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
.m-order-detail .order-main .order-main-address .progress,
.m-order-detail .order-main .order-main-address .name {
  font-size: 3.73333vw;
  color: #333;
  font-weight: 500;
}
.m-order-detail .order-main .order-main-address .time,
.m-order-detail .order-main .order-main-address .add {
  font-size: 3.46667vw;
  color: #666;
  margin-top: 1.33333vw;
}
.m-order-detail .order-ship {
  margin: 2.66667vw 0px;
  background: #fff;
  padding: 0 4vw;
}
.m-order-detail .order-ship .order-ship-title {
  height: 13.33333vw;
  font-size: 3.73333vw;
  font-weight: 400;
  color: #000000;
  line-height: 3.73333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #eee;
}
.m-order-detail .order-ship .order-ship-info {
  padding-top: 1.33333vw;
  padding-bottom: 4vw;
}
.m-order-detail .order-ship .order-ship-info .order-ship-info-item {
  margin-top: 2.66667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-order-detail .order-ship .order-ship-info .order-ship-info-item .order-ship-info-item-key {
  height: 4.53333vw;
  font-size: 3.2vw;
  font-weight: 400;
  color: #666666;
  line-height: 4.53333vw;
}
.m-order-detail .order-ship .order-ship-info .order-ship-info-item .order-ship-info-item-value {
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 4.53333vw;
  font-size: 3.2vw;
  font-weight: 600;
  color: #000000;
  line-height: 4.53333vw;
  max-width: 69.33333vw;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.m-order-detail .goods-list {
  margin: 2.66667vw 0;
  background: #fff;
  padding: 0 4vw;
  border-radius: 2.13333vw;
  overflow: hidden;
}
.m-order-detail .goods-list .goods-title {
  font-size: 3.73333vw;
  color: #000;
  line-height: 13.33333vw;
  border-bottom: 1px solid #eee;
}
.m-order-detail .goods-list .goods-item {
  position: relative;
  padding: 4vw 0;
  border-bottom: 1px solid #eee;
}
.m-order-detail .goods-list .goods-item .goods-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.m-order-detail .goods-list .goods-item .goods-main .van-image {
  width: 17.6vw;
  height: 17.6vw;
}
.m-order-detail .goods-list .goods-item .goods-info {
  margin-left: 3.2vw;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.m-order-detail .goods-list .goods-item .goods-info .goods-name,
.m-order-detail .goods-list .goods-item .goods-info .price {
  font-size: 3.73333vw;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.m-order-detail .goods-list .goods-item .goods-info .sub {
  font-size: 3.2vw;
  color: #999;
  margin: 1.6vw 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.m-order-detail .goods-list .goods-item .quantity {
  font-size: 3.73333vw;
}
.m-order-detail .goods-list .goods-item .sure {
  position: absolute;
  right: 0;
  bottom: 2.66667vw;
  padding: 0 3.73333vw;
  line-height: 7.46667vw;
  font-size: 3.46667vw;
  border: 1px solid #eee;
  border-radius: 4vw;
}
.m-order-detail .goods-list .goods-item .btn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  right: 0;
  bottom: 1.06667vw;
}
.m-order-detail .goods-list .goods-item .btn-list .btn-list-sure {
  padding: 0 3.73333vw;
  line-height: 7.46667vw;
  font-size: 3.46667vw;
  border: 1px solid #eee;
  border-radius: 4vw;
  margin-top: 2.66667vw;
}
.m-order-detail .goods-list .goods-item .btn-list .btn-list-sure:nth-child(2) {
  margin-left: 2.66667vw;
}
.m-order-detail .goods-list .goods-item .btn-list .btn-list-sure:nth-child(3) {
  margin-left: 2.66667vw;
}
.m-order-detail .goods-list .goods-item .disabled {
  color: #d8d8d8;
}
.m-order-detail .goods-list .goods-item:last-child {
  border: none;
}
.m-order-detail .goods-price {
  margin: 2.66667vw 0;
  background: #fff;
  padding: 4vw 4vw;
  border-radius: 2.13333vw;
}
.m-order-detail .goods-price p {
  font-size: 3.2vw;
  height: 7.46667vw;
}
.m-order-detail .goods-price p span:first-child {
  color: #666;
}
.m-order-detail .goods-price p span:last-child {
  font-weight: 500;
}
.m-order-detail .goods-footer {
  margin: 2.66667vw 0;
  padding: 0 4vw;
  background: #fff;
  border-radius: 2.13333vw;
}
.m-order-detail .goods-footer .order {
  font-size: 3.73333vw;
  padding: 3.2vw 0;
  border-bottom: 1px solid #eee;
}
.m-order-detail .goods-footer .order:last-child {
  border-bottom: none;
}
.m-order-detail .goods-footer .order .order-no {
  font-size: 3.73333vw;
  color: #333;
}
.m-order-detail .goods-footer .order .order-num,
.m-order-detail .goods-footer .order .order-remark {
  display: inline-block;
  margin-left: 5.86667vw;
  font-size: 3.73333vw;
  color: #666;
}
.m-order-detail .goods-footer .order .size12 {
  font-size: 3.2vw;
}
.m-order-detail .goods-footer .order .order-remark {
  line-height: 1.5;
}
.m-order-detail .goods-footer .order .copy {
  padding: 0.8vw 1.6vw;
  color: #666;
  border-radius: 2.13333vw;
  border: 1px solid #eee;
  font-size: 2.66667vw;
}
.m-order-detail .goods-footer .pay {
  height: 17.33333vw;
}
.m-order-detail .goods-footer .pay .paid {
  font-size: 3.73333vw;
  color: #666;
}
.m-order-detail .goods-footer .pay .amount {
  font-size: 4.53333vw;
  color: var(--color-primary);
}
.m-order-detail .btn-common {
  padding: 0 3.73333vw;
  line-height: 7.46667vw;
  font-size: 3.46667vw;
  border-radius: 4vw;
  margin-left: 2.66667vw;
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
}
.m-order-detail .gray {
  border-color: #d8d8d8;
  color: #000;
}
.m-order-detail .cancel-title {
  margin: 4vw;
  font-size: 3.73333vw;
  margin-right: 6.4vw;
}
.m-order-detail .cancel-tips {
  margin: 0 4vw;
  font-size: 3.73333vw;
  color: #ff0c3d;
}
.m-order-detail .van-radio {
  padding: 2.66667vw 4vw;
}
.m-order-detail .btn-sure {
  position: absolute;
  left: 50%;
  bottom: 2.66667vw;
  width: 80%;
  height: 11.73333vw;
  margin-left: -40%;
  background: #ff0c3d;
  border-radius: 5.86667vw;
  color: #fff;
  text-align: center;
  line-height: 11.73333vw;
  border: none;
}
.m-order-detail .van-popup__close-icon--top-right {
  right: 1.6vw;
}
.btn-list-sure-no {
  padding: 0 3.73333vw;
  line-height: 7.46667vw;
  font-size: 3.46667vw;
  border: 1px solid #eee;
  border-radius: 4vw;
  margin-top: 2.66667vw;
}