@charset "UTF-8";
/*---------       字体行高       -----------*/
/*---------       字体颜色       -----------*/
/*---------       边框颜色       -----------*/
/*---------       背景颜色       -----------*/
/* 属性多值传递
ex:
@include remCalc(padding,10,20);
padding: 0.13333rem 0.26667rem;*/
/*按钮纯色系*/
/*按钮边框色系*/
/*按钮大小*/
/*自适应按钮*/
/*标题*/
/*小消息标签*/
/*背景色点击变化*/
/*字数省略限制*/
/*波纹点击效果*/
.sub-item {
  padding-bottom: 10px;
}
.sub-item .sub-title {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
}
.sub-item .info-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
}
.sub-item .info-box .left-label {
      color: #666;
      width: 240px;
}
.sub-item .info-box .right-info {
      color: #000000;
}
.sub-item .info-box .fee {
      color: #ff8700;
      font-size: 16px;
      font-weight: bold;
}
.sub-item .info-box .right-info-oneself {
      width: 128px;
      height: 58px;
}
.sub-item .info-box .active-no {
      margin-right: 10px;
      width: 63px;
      height: 29px;
      border: 1px solid #236dff;
      border-radius: 2px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      color: #236dff;
      font-size: 13px;
      background: #f3f7ff;
      white-space: nowrap;
}
.sub-item .id-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.sub-item .id-box > span {
      font-size: 14px;
      color: #3c464f;
      width: 240px;
}
.sub-item .id-box .id-info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.sub-item .id-box .id-info .id-img-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
}
.sub-item .id-box .id-info .id-img-box:first-child {
          margin-right: 40px;
}
.sub-item .id-box .id-info .id-img-box img {
          width: 250px;
          height: 147px;
}
.sub-item .id-box .id-info .id-img-box span {
          margin-top: 11px;
          font-size: 13px;
          color: #236dff;
}
.sub-item .line {
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
        -ms-flex-direction: initial;
            flex-direction: initial;
}
.sub-item .line > span {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
}
.sub-item .line .id-img-box {
      padding: 0 0 0 27px !important;
}
.sub-item .answer-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.sub-item .answer-box.long-answer-box {
      display: block;
      padding: 13px 0px 12px 0px;
}
.sub-item .answer-box.long-answer-box .left-question {
        width: 100%;
}
.sub-item .answer-box.long-answer-box .right-answer {
        display: inline-block;
        width: auto;
        padding: 0 20px;
        margin-top: 20px;
}
.sub-item .answer-box .right-answer-no {
      width: 128px;
      height: 58px;
      margin-left: 10px;
}
.sub-item .answer-box .left-question {
      color: #3c464f;
      font-size: 14px;
      width: 240px;
}
.sub-item .answer-box .right-answer {
      color: #000;
      font-size: 14px;
}
.sub-item .answer-box .active-no {
      width: 63px;
      height: 29px;
      border: 1px solid #236dff;
      margin-right: 10px;
      border-radius: 2px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      color: #236dff;
      font-size: 13px;
      background: #f3f7ff;
      white-space: nowrap;
}
.sub-item .gray-box-wrapper {
    padding: 20px 0px;
}
.sub-item .gray-box-wrapper .gray-question {
      color: #000000;
      font-size: 17px;
      font-weight: bold;
      line-height: 45px;
      padding-bottom: 20px;
      font-weight: bold;
}
.sub-item .gray-box-wrapper .gray-option {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-bottom: 20px;
}
.sub-item .gray-box-wrapper .gray-option .gray-option-question {
        font-size: 14px;
        color: #3c464f;
}
.sub-item .gray-box-wrapper .gray-option .gray-option-answer {
        margin-left: auto;
        margin-top: 20px;
        display: block;
        border: 1px solid #236dff;
        color: #236dff;
        background: #f3f7ff;
        padding: 4px 45px;
        border-radius: 2px;
}
.sub-item .gray-box {
    background: #f4f4f4;
    border-radius: 4px;
    padding-left: 30px;
    width: 615px;
    line-height: 78px;
    margin: 0 auto;
    color: #555555;
    font-size: 14px;
    margin-top: 20px;
}
.sub-item .gray-box .answer-list {
      padding-left: 23px;
}
.sub-item .gray-box .answer-list .answer-item {
        padding-left: 49px;
        padding-top: 3px;
        position: relative;
}
.sub-item .gray-box .answer-list .answer-item .icon-left {
          width: 30px;
          height: 30px;
          border-radius: 50%;
          position: absolute;
          left: 0px;
          top: 5px;
}
.sub-item .gray-box .answer-list .answer-item .icon-left.gray {
            border: 1px solid #979797;
            background: #fff;
}
.sub-item .gray-box .answer-list .answer-item .icon-left.active {
            border: 1px solid #236dff;
            background: #fff;
}
.sub-item .gray-box .answer-list .answer-item .icon-left.active i {
              width: 18px;
              height: 18px;
              display: block;
              background: #236dff;
              border-radius: 50%;
              margin: 2px auto;
}
.sub-item .result-box {
    padding: 20px 0px;
}
.sub-item .result-box .result-tit {
      color: #000;
      font-size: 18px;
      line-height: 50px;
      font-weight: bold;
}
.sub-item .result-box .result-txt {
      color: #000000;
      font-size: 16px;
      line-height: 50px;
      margin-top: 30px;
      font-weight: bold;
      position: relative;
      padding-left: 50px;
}
.sub-item .result-box .result-txt i {
        width: 40px;
        height: 40px;
        position: absolute;
        left: 0px;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAA5dJREFUWEfNmUloE2EUx/9vOiiCmSAK1g1FD1XwICZpxZN69WBHKRQUD55Uop6EVlCUHiqeBFvrQQTBBUlNopCr9eYyUxDqQQUP7orV0klRU5N58o1NzDJx5stSkluYt/zyvrzle0Oo5cNQ9oxrEQW0E2yHQEoHwCsADjjmmGYA+kiwXzHBYKaxZNgyQGBZdySj0PNs0ars7IIoYB8A0WoZXQbeKsQ3s0pu6P7WHx/96voC1J8EljLRACl8CEwL/Rp3l+MMQFfV3zgT225997LlCagbWi+ASwCWeRmTfD5JTNF45/Sd/+lVBdwxBnXJYk2AHZZ0LCVOhJHvaev4w53Iuim6Ava8w6LsFy0Gxm4pb7ULp9R2qye2Bj/LTVQAOpELaMl5hMszpaZmrO7ySFYA6oY20uxjrRZocdzxsHW0+HkJ4FxC3K79pOrXJKbe4sQpAIpSAoVeNCFbZakn1d/oyJegAuBeU7vMjCOy1pokP5yIWFFh2wF0OkRWfV1/EW4ULmdybbn1ouM4gPrT4CCI+xplvrodeg7wJgBtXr6IeDAeTp8S7VvRjcAb2d7q5aD8OQNnkxHrnD6u7YeN616Qoncnw9Y62mNqXQrjsaxDGfk8XF5HNzUTjJCXDQa6SDeDfWAe9BKu9XkFnBE4CdAFX/aI+2ivERhl0D5fCpJCdcE5Gcx3STeCEwBvlvTtKV4v3F8HNEG6qX0FN3aUagycQ/iNdDPwy3f9EznP/AmgldVC2EA44WJWBpCh4FgiZA3rpnYRjBPVSkkhW2USwu0XE2dkjvhRImJtLyoVJZANjtzcXxCT/pOEkSMFB+Nh61Y5ZFPgnByhCeo2AqPkt8y4QY4HdyVC0w8adqwlR82j8oXaBbI5cE4E+2trdW6RrDchXJLEJmyrfVgogtSbAAfm94lIem2941YOhGd+Gr9n66moWXQ+0Tnd35oDK3FGVbMbYlt+fiiM/N1PtctErTHyM2Mk2fn3dteSlybYvDHRlf5WAii+tMS1U6HeeOjfvqalLu4AriQiVsnNsnVWH4TUVNrH6kMc9bwvjwgpdbnP5VG+HM3X+k0c69SMdUxq/VZcM5u6wFQoWpwQriOhnwov9jbURgOMBqyAxRAKusY5Pp0vJf9j8FwBFyvXs0QXvRVQbqgLZodEh/ATmIo66FdJbCPyryGY7TBB6QBxe+E1BCgNps8M+yWRYtrgsXsh5zWE7dvHnOAfKJS2Uz/WmEMAAAAASUVORK5CYII=) no-repeat;
        background-size: 40px 40px;
}
.sub-item .result-box .result-txt i.condition {
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAwZJREFUWEfVmTtMFFEUQM8difiJlSZq2IEYCy3EGH87a4WdhobEKBRWVmLwU0JBRYGlihEqKxNFKWiIdlq54zdGLKQwBnaJGrEyKmtwLnkDS3aXXdjZGcj4ypl375y57777eU+oaaiVcDhmKSc9iyOi7AN2A9sW1f0EvqgwYXm88YSnWZdXIF7Qz0kQgURKGyzoUuU8kAgiC2RFuOfB7WxapquVrQqw4bhutyz6gAtAfbXKK8zLAXc9j97pl/JjNV2rAtpJ7QAGEHaspizQe2UGoSvjyvBKcpUBW7TOnmUAuBjow8EnD2U2cZlnMldOtCxgIqWbLXikSmvw7wWXEGHMg7PZtPwplV4O2KJ1jTlG1wsuD2Qgp+ppK7XkMkDb0cF1WNZKZh7KuNJZ+LII0N8Qwv3giwQsOH2vL6v0hdhUHYUbZwnQDyXCxxCKOzOuDBk+21GzscxKBB/KjKfsz4egJUDb0TtAkXmDaFfhdDYtT4xMIqWnRHkcRL5k7mDGlUvmmQ9oMoQon8IE4YgBcyrsNRnHB2xMab8q3SH+mIgBEeH6VFp6BNSyHSZryK1F/xM1oMndGZcmSTiaFHDDWM/fuNH64GIwwJHGpHar0B9HQFF6jAVHBM7EEVCFEbEdHQcOxBEQ+GAAv0P4UmotfBCYMYCzYeJf3vJrBJj7LwBjv8Rx3iTjkYUZgfYpVx76qdPRcwor9hrVRA0/zEQVqIG3qpgGy+TRB8DhaiBWmpMP1JGkurAw5eQVnMiKBb+OBuPPZjTnS7kQ4AvFQhTllsLcBou2yecyZvQ1ndDWfx6jAnW1AhaUW5EUrMMZV3z/yw/bUeOH7TUCFhesRkmYkl+Vm9kXcq0QJpHUGyJcrRGwuOQ3SkI2TZ///qb523v5ZXTtPKhbN27x/XFPYMBKTZNvxRBtpyrvBG4ZPQpXRDgUGG5BoHzbWeA78W3cfci4H30YxngfHuXXOs7Hb0XxLLYHmAWUsT4CLgq+cT1EXx7PCq4hhKOCfw2xq+Qa4qvChKW8DnMNMQ+/p5tHrmD5agAAAABJRU5ErkJggg==) no-repeat;
          background-size: 40px 40px;
}
.sub-item .sm-main {
    color: #555555;
}
.sub-item .sm-main .sm-title {
      color: #000;
      text-align: center;
      font-size: 16px;
      font-weight: 550;
      margin-bottom: 10px;
}
.sub-item .sm-main .sm-name {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-family: PingFang SC, 'Helvetica Neue', Arial, sans-serif;
      font-size: 14px;
      margin-bottom: 12px;
}
.sub-item .sm-main .sm-name div {
        text-decoration: underline;
}
.sub-item .sm-main .sm-type {
      font-family: PingFang SC, 'Helvetica Neue', Arial, sans-serif;
      font-size: 14px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 12px;
}
.sub-item .sm-main .sm-type-rigth {
        margin-right: 10px;
}
.sub-item .sm-main .sm-type-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: 20px;
}
.sub-item .sm-main .sm-type-empty {
        margin-right: 10px;
}
.sub-item .sm-main .sm-type .van-icon {
        margin-right: 10px;
}
.sub-item .sm-main .sm-desc pre {
      font-size: 14px;
      font-family: PingFang SC, 'Helvetica Neue', Arial, sans-serif;
      white-space: pre-wrap;
}
.sub-item .tips-box {
    background: rgba(255, 135, 0, 0.04);
    color: #3c464f;
    border-radius: 5px;
    padding: 15px;
    font-size: 15px;
    line-height: 23px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.sub-item .tips-box span:nth-child(1) {
      color: #ff8700;
      font-size: 15px;
      margin-bottom: 7px;
}
.sub-item .tips-description {
    color: #555555;
    font-weight: 400;
    font-size: 15px;
}
.sub-item .tips-description pre {
      font-family: PingFang SC, 'Helvetica Neue', Arial, sans-serif;
      white-space: pre-wrap;
}
.sub-item-divider {
  border-top: 1px solid #f2f2f5;
  padding-top: 20px;
}
.desc {
  text-align: right;
}
.h-result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #000;
  margin-bottom: 30px;
}
.h-result .icon {
    color: #17cc00;
    font-size: 20px;
    margin-right: 12px;
}
.h-result-value {
  background-color: #f2f2f5;
  padding: 20px 30px;
}

@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;*/
/*按钮纯色系*/
/*按钮边框色系*/
/*按钮大小*/
/*自适应按钮*/
/*标题*/
/*小消息标签*/
/*背景色点击变化*/
/*字数省略限制*/
/*波纹点击效果*/
.main-wrapper[data-v-01099bac] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.main-wrapper .order-confirmation[data-v-01099bac] {
    width: 840px;
    background-color: #fff;
    padding: 30px;
    margin-bottom: 30px;
}
.main-wrapper .order-confirmation .big-title[data-v-01099bac] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 16px;
      color: #333;
      font-weight: bold;
      padding-top: 30px;
      margin-bottom: 10px;
}
.main-wrapper .order-confirmation .big-title[data-v-01099bac]::before {
        display: inline-block;
        content: '';
        width: 3px;
        height: 14px;
        background: #fd6e06;
        border-radius: 2px;
        margin-right: 6px;
}
.main-wrapper .order-confirmation .sure-list-item[data-v-01099bac] {
      border-bottom: 1px solid #ececec;
      padding-bottom: 20px;
}
.main-wrapper .order-confirmation .next-page-btn[data-v-01099bac] {
      width: 240px;
      padding: 10px 0;
      text-align: center;
      background: #fd6e06;
      border-radius: 4px;
      font-size: 16px;
      color: #fff;
      margin: 30px auto 10px;
      cursor: pointer;
}
.main-wrapper[data-v-01099bac] .levelBox {
    background-color: #fff;
    height: auto;
}