.marb24[data-v-3b53ecba] {
  margin-bottom: .24rem;
}
.marb30[data-v-3b53ecba] {
  margin-bottom: .30rem;
}
.marb48[data-v-3b53ecba] {
  margin-bottom: .48rem;
}
.marb16[data-v-3b53ecba] {
  margin-bottom: .16rem;
}
.marr40[data-v-3b53ecba] {
  margin-right: .4rem;
}
.wrap[data-v-3b53ecba] {
  width: 100%;
  /*box-sizing: border-box;*/
}
.inline-wrap[data-v-3b53ecba] {
  width: 100%;
  padding: .24rem .4rem 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.title[data-v-3b53ecba] {
  color: #38383A;
  font-size: .32rem;
  margin-bottom: .24rem;
  font-weight: bold;
}
.total[data-v-3b53ecba] {
  color: #FF8A23;
  font-size: .5rem;
  margin-bottom: .56rem;
}
.total b[data-v-3b53ecba] {
    font-size: .38rem;
}
.list[data-v-3b53ecba] {
  margin-bottom: .56rem;
}
.list .item[data-v-3b53ecba] {
    font-size: .28rem;
}
.list .item span[data-v-3b53ecba]:first-child {
      color: #727272;
      width: 1.74rem;
      display: inline-block;
}
.list .item span[data-v-3b53ecba]:last-child {
      color: #38383A;
}
.stageList span[data-v-3b53ecba] {
  display: inline-block;
  width: 2.08rem;
  height: .64rem;
  line-height: .64rem;
  text-align: center;
  color: #979797;
  font-size: .26rem;
  border: .01rem solid #979797;
  -webkit-border-radius: .12rem;
          border-radius: .12rem;
}
.stageList span.active[data-v-3b53ecba] {
    color: #FF8A23;
    border: .01rem solid #FF8A23;
}
.stagePriceBox[data-v-3b53ecba] {
  padding-bottom: 1.9rem;
}
.stagePrice[data-v-3b53ecba] {
  height: .72rem;
  line-height: .72rem;
  padding: 0 .16rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #F5F5F5;
  color: #909399;
  font-size: .28rem;
}
.modalContent[data-v-3b53ecba] {
  color: #38383A;
  font-size: .28rem;
  text-align: center;
}
.inp[data-v-3b53ecba] {
  height: .52rem;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: .28rem;
  position: relative;
}
.inp span[data-v-3b53ecba]:first-child {
    color: #727272;
    width: 1.74rem;
    display: inline-block;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    padding-bottom: .1rem;
}
.inp span[data-v-3b53ecba]:nth-child(2) {
    padding: 0 0 .1rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.inp input[data-v-3b53ecba] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: .52rem;
    border: none;
    color: #38383A;
    padding: 0 0 .1rem;
    /*flex: 1;*/
    -webkit-border-radius: 0;
            border-radius: 0;
}
.inp input.short[data-v-3b53ecba] {
      width: -webkit-calc(100% - 1.74rem - 1.1rem - .4rem);
      width: calc(100% - 1.74rem - 1.1rem - .4rem);
}
.inp input.border[data-v-3b53ecba] {
      border-bottom: .01rem solid #E8E8E8;
}
.inp input[data-v-3b53ecba]::-webkit-input-placeholder {
      font-size: .24rem;
}
.inp input[data-v-3b53ecba]::-moz-placeholder {
      font-size: .24rem;
}
.inp input[data-v-3b53ecba]:-ms-input-placeholder {
      font-size: .24rem;
}
.inp input[data-v-3b53ecba]::-ms-input-placeholder {
      font-size: .24rem;
}
.inp input[data-v-3b53ecba]::placeholder {
      font-size: .24rem;
}
.inp span[data-v-3b53ecba]:nth-child(3) {
    width: 1.1rem;
    display: inline-block;
    color: #FF8A23;
    font-size: .22rem;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    padding-left: .24rem;
}
.inp .kmClearInput[data-v-3b53ecba] {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.inp .kmClearInput.right15[data-v-3b53ecba] {
      right: 1.5rem;
}
.foot[data-v-3b53ecba] {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  border-top: .01rem solid #F5F5F5;
  padding: .1rem .36rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: white;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.foot span[data-v-3b53ecba] {
    display: inline-block;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    font-size: .3rem;
    -webkit-border-radius: .4rem;
            border-radius: .4rem;
}
.foot span[data-v-3b53ecba]:first-child {
      width: 2rem;
      color: #727272;
      border: 0.01rem solid #d0d0d0;
}
.foot span[data-v-3b53ecba]:last-child {
      width: 4.48rem;
      color: white;
      background: -webkit-gradient(linear, left top, left bottom, from(#ffa85b), to(#ff7a02));
      background: -webkit-linear-gradient(top, #ffa85b 0%, #ff7a02 100%);
      background: linear-gradient(180deg, #ffa85b 0%, #ff7a02 100%);
      -webkit-box-shadow: 0 0.08rem 0.24rem -0.06rem #fe8b24;
              box-shadow: 0 0.08rem 0.24rem -0.06rem #fe8b24;
      opacity: 0.4;
}
.foot span:last-child.active[data-v-3b53ecba] {
        opacity: 1;
}
.orderItem[data-v-3b53ecba] {
  position: relative;
  padding-left: .56rem;
  margin-bottom: .24rem;
}
.orderItem .item[data-v-3b53ecba]:last-child {
    border-bottom: .01rem dashed #EDEFF2;
    padding-bottom: .24rem;
}
.orderItem b[data-v-3b53ecba] {
    width: .32rem;
    height: .32rem;
    line-height: .32rem;
    -webkit-border-radius: .16rem;
            border-radius: .16rem;
    background-color: #7195E2;
    text-align: center;
    color: white;
    display: inline-block;
    font-size: .18rem;
    font-weight: normal;
    position: absolute;
    left: 0;
    top: .1rem;
}

