@charset "UTF-8";
/*---------       字体行高       -----------*/
/*---------       字体颜色       -----------*/
/*---------       边框颜色       -----------*/
/*---------       背景颜色       -----------*/
/* 属性多值传递
ex:
@include remCalc(padding,10,20);
padding: 0.13333rem 0.26667rem;*/
/*按钮纯色系*/
/*按钮边框色系*/
/*按钮大小*/
/*自适应按钮*/
/*标题*/
/*小消息标签*/
/*背景色点击变化*/
/*字数省略限制*/
/*波纹点击效果*/
.top-info[data-v-0faf4323] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-size: 12px;
  color: #666;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.top-info span[data-v-0faf4323] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 1;
}
.top-info i[data-v-0faf4323] {
    font-size: 16px;
    color: #FC6E06;
    font-weight: bold;
}
[data-v-0faf4323] .el-step__title {
  color: #888;
  font-weight: normal !important;
}
[data-v-0faf4323] .el-step__line {
  height: 4px !important;
  background-color: #ccc;
}
[data-v-0faf4323] .el-step__line-inner {
  border-width: 0 !important;
  height: 4px;
  background-color: #ff6d25;
}
[data-v-0faf4323] .el-step__title.is-finish {
  color: #ff6d25;
}
[data-v-0faf4323] .el-step__icon {
  width: 10px;
  height: 10px;
  background-color: #ccc;
  border: 0;
}
[data-v-0faf4323] .el-step__head.is-finish .el-step__icon.is-text {
  background-color: #ff6d25;
}
.active[data-v-0faf4323] .el-step__head.is-finish {
  position: relative;
}
.active[data-v-0faf4323] .el-step__head.is-finish .el-step__icon.is-text {
    position: absolute;
    top: 4px;
    width: 16px;
    height: 16px;
    border: 1px solid #ff6d25;
    background-color: #fff;
}
.active[data-v-0faf4323] .el-step__head.is-finish .el-step__icon.is-text i {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 10px;
      height: 10px;
      background-color: #ff6d25;
      border-radius: 50%;
}
.active[data-v-0faf4323] .el-step__title.is-finish {
  margin-top: 19px;
}

@charset "UTF-8";
/*---------       字体行高       -----------*/
/*---------       字体颜色       -----------*/
/*---------       边框颜色       -----------*/
/*---------       背景颜色       -----------*/
/* 属性多值传递
ex:
@include remCalc(padding,10,20);
padding: 0.13333rem 0.26667rem;*/
/*按钮纯色系*/
/*按钮边框色系*/
/*按钮大小*/
/*自适应按钮*/
/*标题*/
/*小消息标签*/
/*背景色点击变化*/
/*字数省略限制*/
/*波纹点击效果*/
.notice-wrap[data-v-0923d496] {
  padding: 20px 0 0 0;
  margin-bottom: 30px;
  text-align: center;
}
.notice-wrap .price span[data-v-0923d496] {
    height: 33px;
    font-size: 24px;
    font-weight: 500;
    line-height: 33px;
    color: #fc6e06;
}
.notice-wrap .price .title[data-v-0923d496] {
    font-size: 16px;
    font-weight: 500;
    color: #333333;
}
.notice-wrap .time[data-v-0923d496] {
    color: #236dff;
}
.notice-wrap .desc[data-v-0923d496] {
    margin: 10px 0 0 0;
    text-align: center;
    font-size: 14px;
    line-height: 34px;
    color: #888888;
}
.pay-info[data-v-0923d496] {
  background-color: #f7f7f7;
  padding: 30px 40px 20px;
  font-size: 14px;
  color: #666;
}
.pay-info .pay-item[data-v-0923d496] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.pay-info .f-b[data-v-0923d496] {
    border-top: 1px solid #ececec;
    padding-top: 20px;
}
.pay-info > div[data-v-0923d496] {
    margin-bottom: 20px;
}
.pay-info > div[data-v-0923d496]:last-child {
      margin-bottom: 0;
}
.pay-info > div div[data-v-0923d496] {
      margin-bottom: 20px;
}
.pay-info > div div[data-v-0923d496]:last-child {
        margin-bottom: 0;
}
.pay-info > div .label[data-v-0923d496] {
      width: 120px;
}
.pay-info > div span[data-v-0923d496]:last-child {
      color: #333;
      font-weight: 400;
}
.pay-info > div span.product-name[data-v-0923d496] {
      font-weight: bold;
}
.pay-info > div span.p1[data-v-0923d496] {
      font-weight: normal;
}
.pay-info > div span.price1[data-v-0923d496] {
      color: #236dff !important;
}
span.price[data-v-0923d496] {
  color: #fc6e06 !important;
  font-weight: bold !important;
}
.total[data-v-0923d496] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
}
.total .label[data-v-0923d496] {
    width: 120px;
    color: #666;
}