.fontsize12[data-v-9b336620], .fs12[data-v-9b336620] {
  font-size: 0.24rem;
}
.fontsize14[data-v-9b336620] {
  font-size: 0.28rem;
}
.fontsize16[data-v-9b336620] {
  font-size: 0.32rem;
}
.fontsize24[data-v-9b336620], .fs24[data-v-9b336620] {
  font-size: 0.48rem;
}
.flex-box[data-v-9b336620] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-box .flex1[data-v-9b336620] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.flex-box.flex-wrap[data-v-9b336620] {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.flex-box.flex-direction-column[data-v-9b336620] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}
.flex-box.justify-content-start[data-v-9b336620] {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.flex-box.justify-content-between[data-v-9b336620] {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.flex-box.justify-content-around[data-v-9b336620] {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
}
.flex-box.align-items-flex-start[data-v-9b336620] {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.box-shadow[data-v-9b336620] {
  -webkit-box-shadow: 0 0 0.2rem #e8d5d8;
          box-shadow: 0 0 0.2rem #e8d5d8;
  -webkit-border-radius: .1rem;
          border-radius: .1rem;
}
.shadow[data-v-9b336620] {
  -webkit-box-shadow: 0 3px 5px #e8d5d8;
          box-shadow: 0 3px 5px #e8d5d8;
}
.animation[data-v-9b336620] {
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
}
.text-ellipsis[data-v-9b336620] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fr[data-v-9b336620] {
  float: right;
}
.color-active[data-v-9b336620] {
  color: #d5a5ac;
}
.imgbg[data-v-9b336620], .main .analysis-wrap .user-img-wrap .img-list .item[data-v-9b336620] {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.color-4a[data-v-9b336620] {
  color: #4a4a4a;
}
.color-6e[data-v-9b336620] {
  color: #6e6e6e;
}
.redDot-pos-r[data-v-9b336620] {
  position: relative;
}
.redDot-pos-r .redDot-pos-a[data-v-9b336620] {
    position: absolute;
    top: .1rem;
    right: .1rem;
}
.redDot-pos-r .redDot-pos-a.redDot-pos-aList[data-v-9b336620] {
      top: -.1rem;
      right: .1rem;
}
.redDot[data-v-9b336620] {
  width: .2rem;
  height: .2rem;
  background-color: transparent;
  -webkit-border-radius: 200%;
          border-radius: 200%;
  display: inline-block;
}
.redDot.active[data-v-9b336620] {
    background-color: #E7482B;
}
.rate-wrap .van-rate i.van-icon[data-v-9b336620]:not(:last-child) {
  margin-right: .05rem;
}
.rate-wrap.pdl .van-rate[data-v-9b336620] {
  padding-left: .08rem;
}
.rate-wrap.pdl .van-rate i.van-icon[data-v-9b336620]:not(:last-child) {
    margin-right: .0325rem;
}
.iconfont.rotate-180[data-v-9b336620] {
  display: inline-block;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.iconfont.rotate-90[data-v-9b336620] {
  display: inline-block;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  color: #6e6e6e;
}
.marginTop[data-v-9b336620], .main .chart-wrap[data-v-9b336620], .main .skin-wrap[data-v-9b336620], .main .view-wrap[data-v-9b336620], .main .analysis-wrap[data-v-9b336620] {
  margin-top: .3rem;
}
.panel[data-v-9b336620] {
  background: #fff;
  -webkit-border-radius: .1rem;
          border-radius: .1rem;
  padding: .25rem;
  font-size: 0.28rem;
}
.panel .title[data-v-9b336620] {
    font-size: .3rem;
}
.panel.square[data-v-9b336620] {
    -webkit-border-radius: 0;
            border-radius: 0;
}
.main[data-v-9b336620] {
  background: #f2dde2;
  padding-bottom: .3rem;
}
.main .page-title[data-v-9b336620] {
    color: #414556;
}
.main .user-wrap[data-v-9b336620] {
    position: relative;
    margin-top: .6rem;
    padding: 1rem .35rem .35rem;
}
.main .user-wrap img[data-v-9b336620] {
      width: 1.3rem;
      height: 1.3rem;
      -webkit-border-radius: 50%;
              border-radius: 50%;
      background: #fff;
      border: 0.1rem solid #fff;
      position: absolute;
      left: 50%;
      top: -.5rem;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
}
.main .user-wrap .user-desc[data-v-9b336620] {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      line-height: 180%;
}
.main .user-wrap .user-desc span[data-v-9b336620] {
        color: #666;
}
.main .chart-wrap[data-v-9b336620] {
    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;
}
.main .chart-wrap .item[data-v-9b336620] {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      text-align: center;
}
.main .chart-wrap .item[data-v-9b336620]:first-child {
        border-right: .01rem dotted #ccc;
}
.main .chart-wrap .item p[data-v-9b336620] {
        margin-bottom: .2rem;
}
.main .skin-wrap[data-v-9b336620] {
    padding: .25rem 0 0;
}
.main .skin-wrap .title[data-v-9b336620] {
      margin: 0 .35rem;
}
.main .skin-wrap .skin-result[data-v-9b336620] {
      background: #706c81;
      position: relative;
      padding: .3rem;
      color: #e2e2e2;
      font-size: 0.24rem;
      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-align-content: center;
          -ms-flex-line-pack: center;
              align-content: center;
      margin-top: .25rem;
}
.main .skin-wrap .skin-result .item[data-v-9b336620] {
        position: relative;
        display: inline-block;
        width: .7rem;
        text-align: center;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
}
.main .skin-wrap .skin-result .item[data-v-9b336620]:not(:last-child) {
          margin-right: .1rem;
}
.main .skin-wrap .skin-result .item i[data-v-9b336620] {
          position: relative;
          display: block;
          height: .25rem;
          margin: .15rem 0 .25rem 0;
}
.main .skin-wrap .skin-result .item span[data-v-9b336620] {
          line-height: .4rem;
}
.main .skin-wrap .skin-result .item:nth-child(1) i[data-v-9b336620] {
          background: #f7b5c9;
}
.main .skin-wrap .skin-result .item:nth-child(2) i[data-v-9b336620] {
          background: #fff5f5;
}
.main .skin-wrap .skin-result .item:nth-child(3) i[data-v-9b336620] {
          background: #ffeeee;
}
.main .skin-wrap .skin-result .item:nth-child(4) i[data-v-9b336620] {
          background: #ffdcd9;
}
.main .skin-wrap .skin-result .item:nth-child(5) i[data-v-9b336620] {
          background: #eab1b0;
}
.main .skin-wrap .skin-result .item:nth-child(6) i[data-v-9b336620] {
          background: #e09e99;
}
.main .skin-wrap .skin-result .item:nth-child(7) i[data-v-9b336620] {
          background: #b78483;
}
.main .skin-wrap .skin-result .item:nth-child(8) i[data-v-9b336620] {
          background: #9b6c67;
}
.main .skin-wrap .skin-result .item.active[data-v-9b336620] {
          font-size: 0.32rem;
}
.main .skin-wrap .skin-result .item.active span[data-v-9b336620] {
            color: #ea7395;
}
.main .skin-wrap .skin-result .item.active i[data-v-9b336620]::after, .main .skin-wrap .skin-result .item.active i[data-v-9b336620]::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-border-radius: 50%;
                    border-radius: 50%;
            -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
            z-index: 2;
            -webkit-box-shadow: 0 0 0.05rem #666;
                    box-shadow: 0 0 0.05rem #666;
}
.main .skin-wrap .skin-result .item.active i[data-v-9b336620]::before {
            width: .42rem;
            height: .42rem;
            background: #f7b5c9;
}
.main .skin-wrap .skin-result .item.active i[data-v-9b336620]::after {
            width: .5rem;
            height: .5rem;
            border: 0.04rem solid #f7b5c9;
}
.main .skin-wrap .skin-result .item.active:nth-child(1) i[data-v-9b336620]::before {
            background: #f7b5c9;
}
.main .skin-wrap .skin-result .item.active:nth-child(1) i[data-v-9b336620]::after {
            border-color: #f7b5c9;
}
.main .skin-wrap .skin-result .item.active:nth-child(2) i[data-v-9b336620]::before {
            background: #fff5f5;
}
.main .skin-wrap .skin-result .item.active:nth-child(2) i[data-v-9b336620]::after {
            border-color: #fff5f5;
}
.main .skin-wrap .skin-result .item.active:nth-child(3) i[data-v-9b336620]::before {
            background: #ffeeee;
}
.main .skin-wrap .skin-result .item.active:nth-child(3) i[data-v-9b336620]::after {
            border-color: #ffeeee;
}
.main .skin-wrap .skin-result .item.active:nth-child(4) i[data-v-9b336620]::before {
            background: #ffdcd9;
}
.main .skin-wrap .skin-result .item.active:nth-child(4) i[data-v-9b336620]::after {
            border-color: #ffdcd9;
}
.main .skin-wrap .skin-result .item.active:nth-child(5) i[data-v-9b336620]::before {
            background: #eab1b0;
}
.main .skin-wrap .skin-result .item.active:nth-child(5) i[data-v-9b336620]::after {
            border-color: #eab1b0;
}
.main .skin-wrap .skin-result .item.active:nth-child(6) i[data-v-9b336620]::before {
            background: #e09e99;
}
.main .skin-wrap .skin-result .item.active:nth-child(6) i[data-v-9b336620]::after {
            border-color: #e09e99;
}
.main .skin-wrap .skin-result .item.active:nth-child(7) i[data-v-9b336620]::before {
            background: #b78483;
}
.main .skin-wrap .skin-result .item.active:nth-child(7) i[data-v-9b336620]::after {
            border-color: #b78483;
}
.main .skin-wrap .skin-result .item.active:nth-child(8) i[data-v-9b336620]::before {
            background: #9b6c67;
}
.main .skin-wrap .skin-result .item.active:nth-child(8) i[data-v-9b336620]::after {
            border-color: #9b6c67;
}
.main .view-wrap[data-v-9b336620], .main .analysis-wrap[data-v-9b336620] {
    padding: 0;
}
.main .view-wrap .title[data-v-9b336620], .main .analysis-wrap .title[data-v-9b336620] {
      height: .79rem;
      line-height: .79rem;
      -webkit-box-shadow: 0 1px 0.2rem #f2dde2;
              box-shadow: 0 1px 0.2rem #f2dde2;
      padding: 0 .35rem;
}
.main .view-wrap .content[data-v-9b336620], .main .analysis-wrap .content[data-v-9b336620] {
      padding: .35rem;
}
.main .view-wrap .chart-desc[data-v-9b336620] {
    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;
    padding: .25rem 0;
}
.main .view-wrap .chart-desc .item[data-v-9b336620] {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      text-align: center;
      color: #999;
      font-size: 0.24rem;
}
.main .view-wrap .chart-desc .item i[data-v-9b336620] {
        width: .2rem;
        height: .2rem;
        display: inline-block;
        vertical-align: -1px;
        -webkit-border-radius: 50%;
                border-radius: 50%;
        margin-right: .1rem;
}
.main .view-wrap .chart-desc .item:not(.square):nth-child(1) i[data-v-9b336620] {
        background: #f2e6f0;
}
.main .view-wrap .chart-desc .item:not(.square):nth-child(2) i[data-v-9b336620] {
        background: #ecd5e5;
}
.main .view-wrap .chart-desc .item:not(.square):nth-child(3) i[data-v-9b336620] {
        background: #e2c0d9;
}
.main .view-wrap .chart-desc .item.square i[data-v-9b336620] {
        width: .25rem;
        height: .25rem;
        -webkit-border-radius: 0;
                border-radius: 0;
        background: #bf82ac;
}
.main .analysis-wrap .nav[data-v-9b336620] {
    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;
}
.main .analysis-wrap .nav span[data-v-9b336620] {
      line-height: .53rem;
      border-bottom: .03rem solid transparent;
      font-size: 0.26rem;
      color: #b7a9ad;
}
.main .analysis-wrap .nav span.active[data-v-9b336620] {
        color: 0.28rem;
        color: #414556;
        border-bottom-color: #ea7395;
}
.main .analysis-wrap .user-img-wrap[data-v-9b336620] {
    text-align: center;
    background: #f2dde2;
    padding: .2rem;
    margin: .2rem 0;
    overflow: hidden;
    height: 3.3rem;
}
.main .analysis-wrap .user-img-wrap .img-list[data-v-9b336620] {
      overflow-x: auto;
      white-space: nowrap;
}
.main .analysis-wrap .user-img-wrap .img-list .item[data-v-9b336620] {
        display: inline-block;
        width: 2.75rem;
        height: 3.3rem;
}
.main .analysis-wrap .user-img-wrap .img-list .item[data-v-9b336620]:not(:last-child) {
          margin-right: .2rem;
}
.main .analysis-wrap .nav-tit[data-v-9b336620] {
    margin: .4rem 0 .2rem 0;
    font-size: 0.26rem;
}
.main .analysis-wrap .speed[data-v-9b336620] {
    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;
    position: relative;
    height: 1.1rem;
}
.main .analysis-wrap .speed i[data-v-9b336620] {
      display: inline-block;
      width: 0;
      height: .2rem;
      position: relative;
}
.main .analysis-wrap .speed i[data-v-9b336620]::before {
        left: -1px;
        top: 0;
        height: 100%;
}
.main .analysis-wrap .speed i[data-v-9b336620]::before, .main .analysis-wrap .speed span[data-v-9b336620]::before {
      position: absolute;
      content: '';
      width: 1px;
      background: #ffcfcf;
}
.main .analysis-wrap .speed span[data-v-9b336620] {
      position: absolute;
      top: -.1rem;
      color: #ea7395;
      font-size: 0.28rem;
      height: .40rem;
}
.main .analysis-wrap .speed span em[data-v-9b336620] {
        font-style: normal;
        position: absolute;
        left: 0;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
}
.main .analysis-wrap .speed span[data-v-9b336620]::before {
        height: .35rem;
        left: 0;
        top: 100%;
}
.main .analysis-wrap .speed .progress[data-v-9b336620] {
      position: absolute;
      top: .8rem;
      left: 0;
      width: 100%;
      height: .1rem;
      background-image: -webkit-gradient(linear, left top, right top, from(#f3ebee), color-stop(#fbacc5), color-stop(#ba4a6e), to(#664b68));
      background-image: -webkit-linear-gradient(left, #f3ebee, #fbacc5, #ba4a6e, #664b68);
      background-image: linear-gradient(to right, #f3ebee, #fbacc5, #ba4a6e, #664b68);
      -webkit-border-radius: .05rem;
              border-radius: .05rem;
}
.main .analysis-wrap .desc[data-v-9b336620] {
    color: 0.24rem;
    color: #af9ea3;
    border: 1px solid #af9ea3;
    -webkit-border-radius: .1rem;
            border-radius: .1rem;
    padding: .1rem .08rem;
    min-height: 2rem;
}