.showImg[data-v-5084eaec] {
  background-color: #f7f7f7;
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-size: 100%;
}
.wraps[data-v-5084eaec] {
  padding-bottom: .1rem;
  background-image: url(../img/orderBanner.d884f8b0.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.seat[data-v-5084eaec] {
  height: 4.42rem;
}
.box[data-v-5084eaec] {
  width: 6.9rem;
  margin: 0 auto;
  background-color: white;
  -webkit-box-shadow: 0 0 0.05rem rgba(204, 204, 204, 0.3);
          box-shadow: 0 0 0.05rem rgba(204, 204, 204, 0.3);
  -webkit-border-radius: .1rem;
          border-radius: .1rem;
  z-index: 99;
  position: relative;
  margin-bottom: .25rem;
  padding: .3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.box[data-v-5084eaec]:nth-child(3) {
    padding-bottom: 0;
}
.box .storeName[data-v-5084eaec] {
    font-weight: bold !important;
    color: #333333 !important;
    font-size: 0.32rem !important;
}
.box .bold[data-v-5084eaec] {
    color: #333333 !important;
    font-size: 0.38rem !important;
}
.box .title[data-v-5084eaec] {
    line-height: 1;
    font-size: .28rem;
    color: #666666;
    border-left: .04rem solid #eaa633;
    -webkit-transform: translateX(-0.14rem);
        -ms-transform: translateX(-0.14rem);
            transform: translateX(-0.14rem);
    padding-left: .05rem;
    margin-bottom: .1rem;
}
.box .line[data-v-5084eaec] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: .3rem;
}
.box .line .call[data-v-5084eaec]::before {
      color: #f45560;
}
.box .time .timeTip[data-v-5084eaec] {
    font-size: .28rem;
    color: #b2b2b2;
}
.box .address[data-v-5084eaec] {
    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;
    margin-top: .3rem;
}
.box .address i[data-v-5084eaec] {
      margin-right: .25rem;
}
.box .address span[data-v-5084eaec] {
      font-size: .24rem;
      color: #4a4a4a;
}
.box .inpt[data-v-5084eaec] {
    height: .9rem;
    line-height: .9rem;
    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;
    border-bottom: .01rem dashed #ececec;
}
.box .inpt[data-v-5084eaec]:last-child {
      border: none;
}
.box .inpt input[data-v-5084eaec] {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      height: .9rem;
      line-height: .9rem;
      border: none;
      padding: 0;
      font-size: .38rem;
      color: #333333;
}
.box .inpt input[data-v-5084eaec]::-webkit-input-placeholder {
      font-size: .28rem;
      color: #b2b2b2;
}
.box .inpt input[data-v-5084eaec]::-moz-placeholder {
      font-size: .28rem;
      color: #b2b2b2;
}
.box .inpt input[data-v-5084eaec]:-ms-input-placeholder {
      font-size: .28rem;
      color: #b2b2b2;
}
.box .inpt input[data-v-5084eaec]::-ms-input-placeholder {
      font-size: .28rem;
      color: #b2b2b2;
}
.box .inpt input[data-v-5084eaec]::placeholder {
      font-size: .28rem;
      color: #b2b2b2;
}
.box .inpt input[data-v-5084eaec]:disabled {
      color: black !important;
      opacity: 1;
}
.box .inpt .code[data-v-5084eaec] {
      display: inline-block;
      width: 1.76rem;
      height: .56rem;
      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;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      background-color: #fff0f0;
      -webkit-border-radius: .28rem;
              border-radius: .28rem;
      font-size: .28rem;
}
.box .prod[data-v-5084eaec] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: .36rem;
}
.box .prod .detail[data-v-5084eaec] {
      font-size: .28rem;
      color: #333333;
}
.box .prod img[data-v-5084eaec] {
      width: 1rem;
      height: 1rem;
      margin-right: .46rem;
}
.box .prod .info[data-v-5084eaec] {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
}
.box .prod .info p[data-v-5084eaec]:first-child {
        margin-bottom: .2rem;
        line-height: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
}
.box .prod .info p:first-child span[data-v-5084eaec]:first-child {
          font-size: .32rem;
          color: #333333;
}
.box .prod .info p:first-child span[data-v-5084eaec]:last-child {
          font-size: .32rem;
          color: #ff5331;
}
.box .prod .info p:first-child i[data-v-5084eaec] {
          font-style: normal;
          font-size: .26rem;
          color: #666666;
}
.box .prod .info p[data-v-5084eaec]:nth-child(2) {
        line-height: 1;
        color: #666666;
        font-size: .28rem;
}
.bat[data-v-5084eaec] {
  position: fixed;
  bottom: .5rem;
  left: 0;
  width: 100%;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 100;
}
.bat span[data-v-5084eaec] {
    display: inline-block;
    width: 2.2rem;
    -webkit-border-radius: .34rem;
            border-radius: .34rem;
    line-height: .68rem;
    text-align: center;
    font-size: .38rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7a62b), color-stop(#f1970e), to(#ffc255));
    background: -webkit-linear-gradient(#f7a62b, #f1970e, #ffc255);
    background: linear-gradient(#f7a62b, #f1970e, #ffc255);
    color: white;
    -webkit-box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.2);
}
.personal[data-v-5084eaec] {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  -ms-transform: translateY(100%);
      transform: translateY(100%);
  -webkit-transform: translateY(100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffedda), color-stop(70%, #ffd7a1));
  background: -webkit-linear-gradient(#ffedda, #ffd7a1 70%);
  background: linear-gradient(#ffedda, #ffd7a1 70%);
  z-index: 100;
  padding: 1.9rem .5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.personal .personalBox[data-v-5084eaec] {
    width: 100%;
    height: 100%;
}
.personal.map[data-v-5084eaec] {
    background-color: #E5E5E5;
    padding: .5rem;
}
.personal.map .map-wrapper[data-v-5084eaec] {
      height: 3rem;
      margin-top: .5rem;
}
.active[data-v-5084eaec] {
  -ms-transform: translateY(0%);
      transform: translateY(0%);
  -webkit-transform: translateY(0%);
}