@charset "UTF-8";
@-webkit-keyframes ani-ellipsis-data-v-c6d2731e {
from {
    width: 2px;
}
to {
    width: 20px;
}
}
@keyframes ani-ellipsis-data-v-c6d2731e {
from {
    width: 2px;
}
to {
    width: 20px;
}
}

/* 绝对定位垂直居中 */
/* 绝对定位水平居中 */
/* 绝对定位水平垂直居中 */
/* 三角形 */
.trans-slide-enter[data-v-c6d2731e], .trans-slide-leave-to[data-v-c6d2731e] {
  opacity: 0;
  transform: translateX(-30px);
}
.trans-slide-leave-active[data-v-c6d2731e] {
  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}
.trans-slide-enter-active[data-v-c6d2731e] {
  transition: all .3s linear;
}
.trans-slide-right-enter[data-v-c6d2731e], .trans-slide-right-leave-to[data-v-c6d2731e] {
  opacity: 0;
  transform: translateX(30px);
}
.trans-slide-right-leave-active[data-v-c6d2731e] {
  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}
.trans-slide-right-enter-active[data-v-c6d2731e] {
  transition: all .3s linear;
}
.trans-slide-y-enter[data-v-c6d2731e], .trans-slide-y-leave-to[data-v-c6d2731e] {
  opacity: 0;
  transform: translateY(-30px);
}
.trans-slide-y-leave-active[data-v-c6d2731e] {
  transition: all 100ms cubic-bezier(1, 0.5, 0.8, 1);
}
.trans-slide-y-enter-active[data-v-c6d2731e] {
  transition: all 100ms linear;
}
.trans-slide-y-300-enter[data-v-c6d2731e], .trans-slide-y-300-leave-to[data-v-c6d2731e] {
  opacity: 0;
  transform: translateY(-30px);
}
.trans-slide-y-300-leave-active[data-v-c6d2731e] {
  transition: all 300ms cubic-bezier(1, 0.5, 0.8, 1);
}
.trans-slide-y-300-enter-active[data-v-c6d2731e] {
  transition: all 300ms linear;
}
.trans-fade-enter[data-v-c6d2731e], .trans-fade-leave-to[data-v-c6d2731e] {
  opacity: 0;
}
.trans-fade-leave-active[data-v-c6d2731e] {
  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}
.trans-fade-enter-active[data-v-c6d2731e] {
  transition: all .3s linear;
}
.trans-fade-fast-enter[data-v-c6d2731e], .trans-fade-fast-leave-to[data-v-c6d2731e] {
  opacity: 0;
}
.trans-fade-fast-leave-active[data-v-c6d2731e] {
  transition: all 0.1s cubic-bezier(1, 0.5, 0.8, 1);
}
.trans-fade-fast-enter-active[data-v-c6d2731e] {
  transition: all .1s linear;
}
.trans-bounce-enter[data-v-c6d2731e], .trans-bounce-leave-to[data-v-c6d2731e] {
  opacity: 0;
  transform: scale(0.5, 0.5);
}
.trans-bounce-leave-active[data-v-c6d2731e] {
  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}
.trans-bounce-enter-active[data-v-c6d2731e] {
  transition: all .3s linear;
}
.box .shopInfo-con[data-v-c6d2731e] {
  height: 4.44rem;
  background-color: #FFCC33;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.box .shopInfo[data-v-c6d2731e] {
  padding: .48rem 0 0;
}
.box .shopInfo__info[data-v-c6d2731e] {
    width: 6.9rem;
    height: 1.32rem;
    border-radius: .4rem .4rem 0 0;
    background: linear-gradient(220deg, #FCF7E4 54%, #FEE4AE 89%);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: .16rem;
    box-sizing: border-box;
}
.box .shopInfo__info--right[data-v-c6d2731e] {
      font-size: .22rem;
}
.box .shopInfo__info--left[data-v-c6d2731e] {
      font-weight: 500;
      color: #333333;
      font-size: .24rem;
      margin-right: .23rem;
}
.box .shopInfo__info--name[data-v-c6d2731e] {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
}
.box .shopInfo__info--name span[data-v-c6d2731e] {
        font-size: .26rem;
        color: #333333;
        font-weight: 500;
        padding-left: .09rem;
}
.box .shopInfo__info--node[data-v-c6d2731e] {
      margin: .06rem 0 0 .49rem;
}
.box .shopInfo__info img[data-v-c6d2731e] {
      width: .4rem;
      height: .4rem;
}
.box .shopInfo__desc[data-v-c6d2731e] {
    width: 6.9rem;
    height: 1.6rem;
}
.box .shopInfo__desc img[data-v-c6d2731e] {
      width: 100%;
      height: 100%;
}
.box .content[data-v-c6d2731e] {
  border-radius: .4rem .4rem 0 0;
  background-color: #ffffff;
  margin-top: -.25rem;
  padding-top: .04rem;
  padding-bottom: 2.04rem;
}
.box .content .phone[data-v-c6d2731e] {
    width: 6.7rem;
    height: .76rem;
    background: #F1F7FF;
    box-sizing: border-box;
    border: 1px solid #B2D1FF;
    margin: .2rem .4rem;
    font-size: .24rem;
    font-weight: 500;
    color: #3788FE;
    display: flex;
    align-items: center;
    padding: 0 .28rem;
    border-radius: .2rem;
}
.box .content .phone image[data-v-c6d2731e] {
      width: .28rem;
      height: .28rem;
      margin-right: .16rem;
}
.box .content .setvice-details[data-v-c6d2731e] {
    padding: .4rem 0;
    color: #333333;
}
.box .content .setvice-details .title[data-v-c6d2731e] {
      font-size: .3rem;
      font-weight: bold;
      height: .68rem;
      padding: 0 .4rem;
}
.box .content .setvice-details .list[data-v-c6d2731e] {
      padding: 0 .4rem;
      margin-bottom: .24rem;
      position: relative;
}
.box .content .setvice-details .list .item[data-v-c6d2731e] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: .88rem;
        width: 100%;
        font-size: .27rem;
        font-weight: 500;
        border-bottom: .02rem solid #EEEEEE;
}
.box .content .setvice-details .list .item .item-r[data-v-c6d2731e] {
          display: flex;
          align-items: center;
          justify-content: center;
}
.box .content .setvice-details .list .item .item-r .original-price[data-v-c6d2731e] {
            color: #999999;
            text-decoration: line-through;
            padding-left: .1rem;
}
.box .content .setvice-details .list .item .item-r .hot[data-v-c6d2731e] {
            background: #F65A5A;
            padding: .1rem;
            color: #FFFFFF;
            font-size: .24rem;
            line-height: .21rem;
            font-weight: bold;
            border-radius: .12rem .12rem 0 .12rem;
            margin-right: .3rem;
}
.box .content .setvice-details .list .item-positon[data-v-c6d2731e] {
        position: absolute;
        width: 4.18rem;
        background-color: #FFFFFF;
        border-radius: .32rem;
        z-index: 999999;
        top: .9rem;
        right: .16rem;
}
.box .content .setvice-details .list .item-positon__item[data-v-c6d2731e] {
          font-weight: 500;
          font-size: .28rem;
          color: #333333;
          padding: .3rem .56rem;
          border-bottom: .02rem solid #EEEEEE;
          text-align: center;
}
.box .content .setvice-details .list .item-positon__item[data-v-c6d2731e]:last-child {
            border: none;
}
.box .content .setvice-details .list .item-positon__active[data-v-c6d2731e] {
          color: #F77625;
}
.box .content .setvice-details .row[data-v-c6d2731e] {
      display: flex;
      padding: 0 .4rem;
      width: 100%;
      overflow-x: auto;
      box-sizing: border-box;
}
.box .content .setvice-details .row .row-item[data-v-c6d2731e] {
        background: #FBFBFB;
        border-radius: .2rem;
        box-sizing: border-box;
        border: .02rem solid #F1F1F1;
        padding: .36rem .24rem .32rem .24rem;
        text-align: center;
        margin-right: 14rem;
}
.box .content .setvice-details .row .row-item .name[data-v-c6d2731e] {
          min-width: 1.98rem;
          height: .8rem;
          font-size: .28rem;
          font-weight: 500;
          white-space: normal;
}
.box .content .setvice-details .row .row-item .name-max[data-v-c6d2731e] {
          min-width: 3.2rem !important;
}
.box .content .setvice-details .row .row-item .amount[data-v-c6d2731e] {
          font-size: .44rem;
          font-weight: bold;
          color: #F77625;
          line-height: .64rem;
}
.box .content .setvice-details .row .row-item .original-price[data-v-c6d2731e] {
          font-size: .27rem;
          color: #999999;
          text-decoration: line-through;
}
.box .content .setvice-details .row .active[data-v-c6d2731e] {
        border: .04rem solid #FFCC33 !important;
        background: linear-gradient(180deg, #FFFBE9 0%, #FFFFFF 100%) !important;
        box-sizing: border-box;
}
.box .content .setvice-details .tip-text[data-v-c6d2731e] {
      color: #666666;
      font-size: .24rem;
      margin-bottom: .8rem;
      padding: 0 .4rem;
}
.box .content .setvice-details .product-details[data-v-c6d2731e] {
      width: 6.7rem;
      height: .62rem;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #F3F3F3;
      font-size: .24rem;
      color: #666666;
      margin: .24rem .4rem;
}
.box .footer[data-v-c6d2731e] {
  height: 2.04rem;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
}
.box .footer .agreement[data-v-c6d2731e] {
    height: .68rem;
    background: #FFFAF1;
    padding-left: .28rem;
    display: flex;
    align-items: center;
    font-size: .24rem;
    font-weight: 400;
    color: #333333;
}
.box .footer .agreement .radio[data-v-c6d2731e] {
      margin-right: .2rem;
      box-sizing: border-box;
}
.box .footer .agreement .radio-active[data-v-c6d2731e] {
      background: #FFCC33;
      border: .02rem solid #FFCC33;
}
.box .footer .agreement span[data-v-c6d2731e] {
      font-weight: 500;
      color: #F77625;
}
.box .footer .payment[data-v-c6d2731e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .2rem .4rem .4rem .4rem;
    box-sizing: border-box;
}
.box .footer .payment .amount[data-v-c6d2731e] {
      color: #333333;
      font-size: .28rem;
      display: flex;
      align-items: center;
}
.box .footer .payment .amount span[data-v-c6d2731e] {
        padding-left: .12rem;
        font-size: .36rem;
        font-weight: 900;
        color: #F77625;
}
.box .footer .payment .btn[data-v-c6d2731e] {
      background: #FFCC33;
      width: 3.26rem;
      height: .8rem;
      border-radius: .2rem;
      display: flex;
      justify-content: center;
      align-items: center;
}