.wraps[data-v-17b6869e] {
  background-color: #f4faff;
  background-image: url(../img/resultBg.efe60893.png);
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 100%;
  padding-top: 4.18rem;
  padding-bottom: 1.5rem;
  overflow-x: hidden;
}
.wraps .cert[data-v-17b6869e] {
    width: 5.13rem;
    height: 7.70rem;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-box-shadow: 0 0.1rem 0.28rem rgba(32, 94, 140, 0.35);
            box-shadow: 0 0.1rem 0.28rem rgba(32, 94, 140, 0.35);
}
.wraps .cert canvas[data-v-17b6869e] {
      width: 5.13rem;
      height: 7.70rem;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
}
.wraps .cert img[data-v-17b6869e] {
      width: 5.13rem;
      height: 7.70rem;
      position: absolute;
      top: 0;
      left: 0;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}
.wraps .save[data-v-17b6869e] {
    width: 100%;
    position: fixed;
    bottom: .5rem;
    text-align: center;
}
.wraps .save span[data-v-17b6869e] {
      display: inline-block;
      width: 2.1rem;
      height: .6rem;
      line-height: .6rem;
      text-align: center;
      background-color: #3ba6d8;
      font-size: .28rem;
      -webkit-border-radius: .1rem;
              border-radius: .1rem;
      position: relative;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}
.wraps .save span img[data-v-17b6869e] {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
}
.wraps .result[data-v-17b6869e] {
    margin-bottom: 0.22rem !important;
}
.wraps .result p[data-v-17b6869e]:nth-child(2) {
      text-align: center;
      color: #ff6666;
}
.wraps .result p:nth-child(2) span[data-v-17b6869e]:first-child {
        font-size: .72rem;
        color: #ff6666;
}
.wraps .result p:nth-child(2) span[data-v-17b6869e]:last-child {
        font-size: .32rem;
        color: #808080;
}
.wraps .result p[data-v-17b6869e]:nth-child(3) {
      text-align: center;
}
.wraps .bar[data-v-17b6869e] {
    width: 6rem;
    background-color: white;
    -webkit-border-radius: .12rem;
            border-radius: .12rem;
    padding: .5rem 0 0.1rem;
    margin: auto auto;
    position: relative;
}
.wraps .bar .hat[data-v-17b6869e] {
      width: 1.66rem;
      position: absolute;
      top: -.14rem;
      left: -.28rem;
}
.wraps .bar .title[data-v-17b6869e] {
      text-align: center;
      font-size: .28rem;
      color: #1a1a1a;
      line-height: 1;
      position: relative;
}
.wraps .bar .title[data-v-17b6869e]:before {
        content: '';
        display: inline-block;
        width: .65rem;
        height: .02rem;
        background-color: #cb3d3d;
        position: absolute;
        left: 1.29rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        -webkit-box-shadow: 0 0 0 .01rem #fbf2f2;
                box-shadow: 0 0 0 .01rem #fbf2f2;
}
.wraps .bar .title[data-v-17b6869e]:after {
        content: '';
        display: inline-block;
        width: .65rem;
        height: .02rem;
        background-color: #cb3d3d;
        position: absolute;
        right: 1.29rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
}
.wraps .bar .item[data-v-17b6869e] {
      width: 4.9rem;
      height: 1.1rem;
      margin: 0 auto;
      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;
      border-bottom: 1px solid #fafafa;
}
.wraps .bar .item[data-v-17b6869e]:last-child {
        border-bottom: none;
}
.wraps .bar .item span[data-v-17b6869e]:first-child {
        font-size: .32rem;
        color: #4d4d4d;
}
.wraps .bar .item span[data-v-17b6869e]:last-child {
        font-size: .36rem;
        color: #ff6666;
}