@charset "UTF-8";
html {
  width: 100%;
  height: 100%; }

body, button, dd, dl, dt, figure, h1, h2, h3, h4, h5, html, input, li, p, select, span, strong, textarea, u, ul {
  margin: 0;
  padding: 0; }

body {
  margin: auto;
  width: 10.0000rem;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: radial-gradient(circle, #2D3F5A, #100D20);
  font-family: "arial,Microsoft YaHei,Helvetica,sans-serif";
  font-size: 0.2133rem;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: 400; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

a {
  text-decoration: none; }

ul, ol {
  list-style: none; }

input {
  border: none;
  outline: none;
  font-size: 0.4000rem; }

input::-webkit-input-placeholder {
  color: #999; }

#cnzz_stat_icon_1277381284 > a {
  display: none; }

.fl {
  float: left; }

.fr {
  float: right; }

.clearfix {
  zoom: 1; }

.clearfix:after {
  content: '.';
  display: table;
  height: 0;
  clear: both;
  visibility: hidden; }

.hidden {
  visibility: hidden; }

.none {
  display: none; }

.show {
  display: block !important; }

.noScroll {
  overflow: hidden !important;
  position: fixed;
  margin-left: -5.0000rem;
  left: 50%;
  top: 0; }

/*分享*/
#maskDiv {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.8);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 4.0533rem;
  /*display: none*/ }

#shareImg {
  position: fixed;
  z-index: 1001;
  top: 0.2933rem;
  right: 0.6133rem;
  width: 5.3600rem;
  height: auto; }

@-webkit-keyframes boxfade {
  0% {
    opacity: 1;
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  10% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  20% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes boxfade {
  0% {
    opacity: 1;
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  10% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  20% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

.alertBox {
  position: fixed;
  min-width: 1.3333rem;
  top: 70%;
  left: 25%;
  width: 50%;
  z-index: 10001;
  border-radius: 0.1333rem;
  background: rgba(0, 0, 0, 0.1);
  color: #fff;
  text-align: center;
  font-size: 0.2933rem;
  line-height: 0.3200rem;
  padding: 0.2667rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: boxfade 2s ease;
  animation: boxfade 2s ease; }

.loading {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  z-index: 9999; }

.dots {
  position: fixed;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 1.3333rem;
  height: 1.3333rem;
  -webkit-animation: rotate 1.6s linear infinite;
  animation: rotate 1.6s linear infinite;
  z-index: 9999; }

.white {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: white;
  -webkit-animation: flash 1.6s linear infinite;
  animation: flash 1.6s linear infinite;
  opacity: 0; }

.dot {
  position: absolute;
  margin: auto;
  width: 0.5067rem;
  height: 0.5067rem;
  border-radius: 100%;
  -webkit-transition: all 1s ease;
  transition: all 1s ease; }

.dot:nth-child(2) {
  top: 0;
  bottom: 0;
  left: 0;
  background: #FF4444;
  -webkit-animation: dotsY 1.6s linear infinite;
  animation: dotsY 1.6s linear infinite; }

.dot:nth-child(3) {
  left: 0;
  right: 0;
  top: 0;
  background: #FFBB33;
  -webkit-animation: dotsX 1.6s linear infinite;
  animation: dotsX 1.6s linear infinite; }

.dot:nth-child(4) {
  top: 0;
  bottom: 0;
  right: 0;
  background: #99CC00;
  -webkit-animation: dotsY 1.6s linear infinite;
  animation: dotsY 1.6s linear infinite; }

.dot:nth-child(5) {
  left: 0;
  right: 0;
  bottom: 0;
  background: #33B5E5;
  -webkit-animation: dotsX 1.6s linear infinite;
  animation: dotsX 1.6s linear infinite; }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  10% {
    width: 1.3333rem;
    height: 1.3333rem; }
  66% {
    width: 0.5067rem;
    height: 0.5067rem; }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    width: 1.3333rem;
    height: 1.3333rem; } }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  10% {
    width: 1.3333rem;
    height: 1.3333rem; }
  66% {
    width: 0.5067rem;
    height: 0.5067rem; }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    width: 1.3333rem;
    height: 1.3333rem; } }

@-webkit-keyframes dotsY {
  66% {
    opacity: .1;
    width: 0.5067rem; }
  77% {
    opacity: 1;
    width: 0; } }

@keyframes dotsY {
  66% {
    opacity: .1;
    width: 0.5067rem; }
  77% {
    opacity: 1;
    width: 0; } }

@-webkit-keyframes dotsX {
  66% {
    opacity: .1;
    height: 0.5067rem; }
  77% {
    opacity: 1;
    height: 0; } }

@keyframes dotsX {
  66% {
    opacity: .1;
    height: 0.5067rem; }
  77% {
    opacity: 1;
    height: 0; } }

@-webkit-keyframes flash {
  33% {
    opacity: 0;
    border-radius: 0%; }
  55% {
    opacity: .6;
    border-radius: 100%; }
  66% {
    opacity: 0; } }

@keyframes flash {
  33% {
    opacity: 0;
    border-radius: 0%; }
  55% {
    opacity: .6;
    border-radius: 100%; }
  66% {
    opacity: 0; } }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

.fix {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2; }

body {
  margin: auto;
  max-width: 10.0000rem;
  color: #FFF; }

.header {
  height: 1.8133rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0.6933rem;
  box-sizing: border-box; }
  .header .logo-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.1200rem;
  }
  .header .logo {
    height: 1.4500rem;
    width: auto;
    max-width: 5.5000rem;
    object-fit: contain;
    margin-left: -0.2000rem;
    mix-blend-mode: screen; /* Remove o fundo preto da imagem */
  }
  .header .logo-text {
    font-size: 0.3200rem;
    font-weight: bold;
    color: #FFFFFF;
    letter-spacing: 0.0400rem;
    white-space: nowrap;
  }
  .header .lang-selector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.1500rem; }
    .header .lang-selector .lang-btn {
      background: rgba(255, 255, 255, 0.05);
      border: 0.0133rem solid rgba(255, 255, 255, 0.15);
      color: rgba(255, 255, 255, 0.6);
      padding: 0.0800rem 0.2000rem;
      border-radius: 0.0800rem;
      font-size: 0.2667rem;
      cursor: pointer;
      font-weight: 500;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
      font-family: inherit; }
      .header .lang-selector .lang-btn:hover {
        background: rgba(255, 255, 255, 0.1);
        color: #fff;
        border-color: rgba(255, 255, 255, 0.3); }
      .header .lang-selector .lang-btn.active {
        background: #007aff;
        color: #fff;
        border-color: #007aff;
        box-shadow: 0 0 0.1333rem rgba(0, 122, 255, 0.4); }


.navs .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 0.0267rem solid rgba(148, 148, 153, 0.16); }
  .navs .nav .nav_item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0.3333rem;
    width: 1.6000rem;
    text-align: center; }
    .navs .nav .nav_item.active {
      text-shadow: 0 0 0px #fff,
 0 0 0.0667rem #fff,
 0 0 0.1333rem #fff; }
    .navs .nav .nav_item .nav_img {
      display: inline-block;
      width: 0.3600rem;
      height: 0.3600rem; }
    .navs .nav .nav_item .nav_title {
      margin-top: 0.1067rem;
      font-size: 0.3200rem; }

.navs .min_nav_wrap::-webkit-scrollbar {
  width: 0 !important; }

.navs .min_nav_wrap {
  margin: 0  0.2800rem;
  overflow: auto;
  scrollbar-width: none;
  /* firefox */
  -ms-overflow-style: none;
  /* IE 10+ */ }
  .navs .min_nav_wrap .min_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .navs .min_nav_wrap .min_nav .min_nav_title {
      margin: 0.1333rem 0.3067rem;
      font-size: 0.2933rem;
      white-space: nowrap; }
      .navs .min_nav_wrap .min_nav .min_nav_title.active {
        text-shadow: 0 0 0px #fff,
 0 0 0.0667rem #fff,
 0 0 0.1333rem #fff,
 0 0 0.2000rem #fff,
 0 0 0.2667rem #fff; }

.navs .min_nav::-webkit-scrollbar {
  display: none; }

.no_data {
  display: none; }
  .no_data img {
    margin: 1.6000rem 1.7867rem 0.2667rem 2.9200rem;
    width: 5.2933rem; }
  .no_data p {
    text-align: center;
    font-size: 0.3733rem;
    font-weight: 500;
    color: #949499; }

.container {
  display: none; }

.photos_wrap {
  position: relative;
  margin: 0.2667rem 0.1867rem;
  height: 13.0000rem;
  text-align: center;
  background: #000;
  border: 0.0267rem solid #293352;
  border-radius: 0.1333rem;
  overflow: hidden; }
  .photos_wrap .faces {
    position: absolute;
    width: 1.3333rem;
    right: -0.5333rem;
    top: 0.5333rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
    .photos_wrap .faces .faces_item {
      opacity: 0.4;
      margin-bottom: 0.2667rem; }
      .photos_wrap .faces .faces_item .faces_title {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 0.1600rem;
        color: #FFFFFF;
        line-height: 0.2267rem;
        letter-spacing: 0.0133rem;
        text-align: center;
        font-style: normal;
        margin-top: 0.0800rem;
        margin-top: -0.1333rem;
        font-size: 0.2133rem;
        -webkit-transform: scale(0.9);
        transform: scale(0.9); }
    .photos_wrap .faces .phots_btn_title {
      color: #3f486e !important; }
    .photos_wrap .faces .btn_active {
      opacity: 1; }
  .photos_wrap .photo {
    width: 100%; }
  .photos_wrap .image-slider {
    display: none;
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .photos_wrap .image-slider .content {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 50%;
      overflow: hidden; }
    .photos_wrap .image-slider img {
      display: block;
      height: 100%;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    .photos_wrap .image-slider input {
      position: absolute;
      left: 10%;
      bottom: 2.0000rem;
      width: 80%;
      margin: 0;
      -webkit-filter: contrast(0.5);
      filter: contrast(0.5);
      mix-blend-mode: luminosity; }
    .photos_wrap .image-slider .coverage {
      position: absolute;
      right: 0.2667rem;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
      .photos_wrap .image-slider .coverage p {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 0.0667rem;
        padding: 0  0.1333rem;
        min-width: 0.8000rem;
        line-height: 0.8000rem;
        font-size: 0.2400rem;
        background-color: rgba(41, 51, 82, 0.46);
        -webkit-box-shadow: 0px 0px 0.1333rem #47587a inset;
        box-shadow: 0px 0px 0.1333rem #47587a inset;
        border-radius: 0.1333rem; }
        .photos_wrap .image-slider .coverage p.active {
          -webkit-box-shadow: 0px 0px 0.1333rem #5e80c7 inset;
          box-shadow: 0px 0px 0.1333rem #5e80c7 inset; }
        .photos_wrap .image-slider .coverage p:last-child {
          margin-bottom: 0; }
  .photos_wrap .phots_btns_wrap {
    position: absolute;
    height: 0.8933rem;
    left: 50%;
    bottom: 0.6667rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: rgba(3, 6, 20, 0.75);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 240, 255, 0.18);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    border-radius: 0.2667rem;
    white-space: nowrap;
    overflow: hidden; }
  .photos_wrap .phots_btns_wrap .phots_btn {
      display: inline-block;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0  0.1333rem;
      min-width: 1.6667rem;
      line-height: 0.8933rem;
      text-align: center;
      font-size: 0.2600rem;
      font-weight: 600;
      color: rgba(255, 255, 255, 0.75);
      border-radius: 0.2667rem;
      letter-spacing: 0.0100rem;
      transition: all 0.2s ease; }
    .photos_wrap .phots_btns_wrap .btn_active {
      background: linear-gradient(135deg, rgba(0, 122, 255, 0.55) 0%, rgba(0, 240, 255, 0.35) 100%);
      border: 1px solid rgba(0, 240, 255, 0.6);
      color: #ffffff;
      font-weight: 700;
      box-shadow: 0 0 10px rgba(0, 240, 255, 0.3);
      text-shadow: 0 0 8px rgba(0, 240, 255, 0.6); }

.skin_details {
  padding-bottom: 1.7333rem;
  overflow: auto; }
  .skin_details .diagram {
    display: none;
    margin-top: 0.3467rem; }
    .skin_details .diagram .diagram_title {
      text-align: center;
      font-size: 0.3467rem;
      color: #A0A0A7;
      letter-spacing: 0.1067rem; }
    .skin_details .diagram .analysor {
      position: relative;
      margin: 0.5867rem auto;
      width: 7.1867rem;
      height: 4.8533rem;
      overflow: hidden; }
      .skin_details .diagram .analysor .analysor_cicle {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
      .skin_details .diagram .analysor .analysor_center {
        position: relative;
        width: 4.1200rem;
        height: 4.0667rem;
        top: 52%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        overflow: hidden; }
        .skin_details .diagram .analysor .analysor_center #quantize_canvas {
          position: relative;
          margin-top: 0.3867rem;
          margin-left: 0.4133rem;
          width: 3.2800rem;
          height: 3.2800rem;
          -webkit-transform: rotate(148deg);
          transform: rotate(148deg); }
        .skin_details .diagram .analysor .analysor_center .semi-circle {
          position: relative;
          margin-top: 0.2267rem;
          margin-left: 0.2533rem;
          width: 3.6000rem;
          height: 3.6000rem;
          -webkit-box-shadow: 0px 0px 0.2667rem #FC2525 inset;
          box-shadow: 0px 0px 0.2667rem #FC2525 inset;
          border-radius: 50%; }
          .skin_details .diagram .analysor .analysor_center .semi-circle::after {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: conic-gradient(from -120deg, transparent 0 90deg, #2a3954 90deg 240deg, #2a3954 240deg 360deg);
            border-radius: 50%; }
        .skin_details .diagram .analysor .analysor_center::before {
          content: "";
          position: absolute;
          width: 100%;
          height: 100%;
          background-image: url("../img/analysor/cicle.png");
          background-size: cover;
          border-radius: 50%;
          z-index: 9; }
        .skin_details .diagram .analysor .analysor_center .analysor_text {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          text-align: center;
          font-size: 0.2667rem;
          color: #A0A0A7;
          z-index: 999; }
          .skin_details .diagram .analysor .analysor_center .analysor_text span:first-child {
            font-size: 0.4267rem; }
  .skin_details .moisture {
    display: none;
    position: relative;
    margin: 0.5867rem auto;
    width: 100%;
    text-align: center; }
    .skin_details .moisture .moisture_canvas_content {
      position: absolute;
      top: 30%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 3.0667rem;
      height: 3.0667rem; }
      .skin_details .moisture .moisture_canvas_content p {
        font-size: 0.2933rem;
        color: #949499; }
        .skin_details .moisture .moisture_canvas_content p:last-child {
          margin-top: 45%;
          color: #b39d93; }
  .skin_details .matter {
    margin: 0  0.5733rem;
    position: relative; }
    .skin_details .matter .ProgrammeBg {
      position: absolute;
      float: right;
      width: 1.2000rem;
      height: 1.2000rem;
      top: 5.7333rem;
      right: 0.2667rem; }
    .skin_details .matter .matter_title {
      margin-top: 0.5067rem;
      font-size: 0.3200rem;
      color: #A1A1A6; }
      .skin_details .matter .matter_title img {
        display: inline-block;
        margin-right: 0.1333rem; }
      .skin_details .matter .matter_title .icon_w20 {
        width: 0.2667rem; }
      .skin_details .matter .matter_title .icon_w21 {
        width: 0.2800rem; }
      .skin_details .matter .matter_title .icon_w24 {
        width: 0.3200rem; }
      .skin_details .matter .matter_title .icon_w25 {
        width: 0.3333rem; }
      .skin_details .matter .matter_title .icon_w28 {
        width: 0.3733rem; }
    .skin_details .matter .matter_tags {
      display: none;
      margin-top: 0.3733rem;
      line-height: 0.2667rem;
      font-size: 0.2400rem;
      color: #B39D93; }
      .skin_details .matter .matter_tags span {
        padding: 0  0.1600rem; }
    .skin_details .matter .matter_desc {
      margin-top: 0.3733rem;
      line-height: 0.3733rem;
      font-size: 0.2400rem;
      color: #949499; }
    .skin_details .matter .matter_wrap {
      margin-top: 0.3733rem;
      min-height: 2.0000rem;
      border: 0.0267rem solid #2E395A;
      border-radius: 0.1333rem;
      background: rgba(255, 255, 255, 0.03);
      -webkit-box-shadow: inset 0px 0px 0.9733rem 0px rgba(255, 255, 255, 0.1);
      box-shadow: inset 0px 0px 0.9733rem 0px rgba(255, 255, 255, 0.1);
      border-radius: 0.0667rem; }
    .skin_details .matter .matter_sector_new {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-top: 0.5333rem; }
      .skin_details .matter .matter_sector_new .matter_sector_new_item {
        width: 2.7733rem;
        height: 1.2267rem;
        background: rgba(255, 255, 255, 0.05);
        border-radius: 0.1333rem;
        margin-right: 0.1600rem;
        margin-bottom: 0.2133rem; }
        .skin_details .matter .matter_sector_new .matter_sector_new_item .matter_sector_new_item_margin {
          margin: 0.2400rem 0.3333rem; }
          .skin_details .matter .matter_sector_new .matter_sector_new_item .matter_sector_new_item_margin .sector_new_item_one {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin-bottom: 0.2133rem; }
            .skin_details .matter .matter_sector_new .matter_sector_new_item .matter_sector_new_item_margin .sector_new_item_one .one_p {
              font-size: 0.2133rem;
              font-family: PingFangSC-Medium, PingFang SC;
              font-weight: 350;
              line-height: 0.3733rem;
              letter-spacing: 0.0133rem; }
          .skin_details .matter .matter_sector_new .matter_sector_new_item .matter_sector_new_item_margin .sector_new_item_two {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
            .skin_details .matter .matter_sector_new .matter_sector_new_item .matter_sector_new_item_margin .sector_new_item_two .div_level {
              width: 0.3867rem;
              height: 0.0933rem;
              background: #73C065;
              margin-right: 0.0533rem; }
    .skin_details .matter .matter_sector {
      position: relative;
      margin: 0.2667rem auto;
      width: 4.1867rem;
      height: 4.1867rem; }
      .skin_details .matter .matter_sector:last-child {
        margin-top: 0.5333rem; }
      .skin_details .matter .matter_sector .sector_background {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1; }
      .skin_details .matter .matter_sector .round_container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1; }
        .skin_details .matter .matter_sector .round_container .round {
          position: relative;
          width: 100%;
          height: 100%;
          -webkit-box-shadow: 0px 0px 0.5333rem 0px #ACB4C5 inset;
          box-shadow: 0px 0px 0.5333rem 0px #ACB4C5 inset;
          border-radius: 50%; }
          .skin_details .matter .matter_sector .round_container .round .round_1 {
            position: absolute;
            top: 10%;
            left: 10%;
            width: 80%;
            height: 80%;
            border: 0.0133rem solid #ACB4C5;
            border-radius: 50%; }
            .skin_details .matter .matter_sector .round_container .round .round_1 .round_2 {
              margin: 4% auto;
              border: 0.0133rem solid #ACB4C5;
              border-radius: 50%;
              width: 92%;
              height: 92%; }
          .skin_details .matter .matter_sector .round_container .round .split_line {
            position: absolute;
            top: 0;
            left: 49.7%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            width: 0.0133rem;
            height: 50%;
            border-left: 0.0133rem solid #ACB4C5;
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom; }
            .skin_details .matter .matter_sector .round_container .round .split_line:nth-child(1) {
              -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
            .skin_details .matter .matter_sector .round_container .round .split_line:nth-child(2) {
              -webkit-transform: rotate(51.4deg);
              transform: rotate(51.4deg); }
            .skin_details .matter .matter_sector .round_container .round .split_line:nth-child(3) {
              -webkit-transform: rotate(102.8deg);
              transform: rotate(102.8deg); }
            .skin_details .matter .matter_sector .round_container .round .split_line:nth-child(4) {
              -webkit-transform: rotate(154.2deg);
              transform: rotate(154.2deg); }
            .skin_details .matter .matter_sector .round_container .round .split_line:nth-child(5) {
              -webkit-transform: rotate(205.6deg);
              transform: rotate(205.6deg); }
            .skin_details .matter .matter_sector .round_container .round .split_line:nth-child(6) {
              -webkit-transform: rotate(257deg);
              transform: rotate(257deg); }
            .skin_details .matter .matter_sector .round_container .round .split_line:nth-child(7) {
              -webkit-transform: rotate(308.4deg);
              transform: rotate(308.4deg); }
      .skin_details .matter .matter_sector .sector_texts {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
        .skin_details .matter .matter_sector .sector_texts .sector_text {
          position: absolute;
          top: 0;
          left: 1.7600rem;
          min-width: 0.6667rem;
          height: 2.0933rem;
          text-align: center;
          font-size: 0.2400rem;
          color: #C6D2E9;
          -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
          z-index: 99; }
          .skin_details .matter .matter_sector .sector_texts .sector_text:nth-child(1) {
            -webkit-transform: rotate(25deg);
            transform: rotate(25deg); }
          .skin_details .matter .matter_sector .sector_texts .sector_text:nth-child(2) {
            -webkit-transform: rotate(76deg);
            transform: rotate(76deg); }
          .skin_details .matter .matter_sector .sector_texts .sector_text:nth-child(3) {
            -webkit-transform: rotate(127deg);
            transform: rotate(127deg); }
          .skin_details .matter .matter_sector .sector_texts .sector_text:nth-child(4) {
            -webkit-transform: rotate(178deg);
            transform: rotate(178deg); }
          .skin_details .matter .matter_sector .sector_texts .sector_text:nth-child(5) {
            -webkit-transform: rotate(229deg);
            transform: rotate(229deg); }
          .skin_details .matter .matter_sector .sector_texts .sector_text:nth-child(6) {
            -webkit-transform: rotate(280deg);
            transform: rotate(280deg); }
          .skin_details .matter .matter_sector .sector_texts .sector_text:nth-child(7) {
            -webkit-transform: rotate(331deg);
            transform: rotate(331deg); }
      .skin_details .matter .matter_sector .circel_progress {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 1.2000rem;
        height: 1.2000rem;
        text-align: center;
        overflow: hidden;
        border-radius: 50%; }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
        .skin_details .matter .matter_sector .circel_progress .water {
          position: absolute;
          width: 200%;
          height: 200%;
          left: -50%;
          border-radius: 40%;
          background: #A8AFC9;
          -webkit-animation: spin 10s linear infinite;
          animation: spin 10s linear infinite;
          z-index: -1; }
        .skin_details .matter .matter_sector .circel_progress .tips,
        .skin_details .matter .matter_sector .circel_progress .text {
          margin-top: 0.1333rem;
          font-size: 0.2400rem;
          color: #fff; }
      .skin_details .matter .matter_sector .circel_text {
        position: absolute;
        top: 56%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 0.2400rem;
        color: #fff;
        z-index: 9; }
      .skin_details .matter .matter_sector .circel_text_number {
        position: absolute;
        top: 45%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 0.2400rem;
        color: #fff;
        z-index: 9; }
      .skin_details .matter .matter_sector .circle_canvas {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 1.5733rem;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .skin_details .matter .matter_sector_1 .sector_texts .sector_text:nth-child(1) {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    .skin_details .matter .matter_sector_1 .round_container .round .split_line {
      display: none; }
    .skin_details .matter .matter_sector_2 .sector_texts .sector_text:nth-child(1) {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }
    .skin_details .matter .matter_sector_2 .sector_texts .sector_text:nth-child(2) {
      -webkit-transform: rotate(270deg);
      transform: rotate(270deg); }
    .skin_details .matter .matter_sector_2 .round_container .round .split_line:nth-child(1) {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    .skin_details .matter .matter_sector_2 .round_container .round .split_line:nth-child(2) {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
    .skin_details .matter .matter_sector_3 .sector_texts .sector_text:nth-child(1) {
      -webkit-transform: rotate(60deg);
      transform: rotate(60deg); }
    .skin_details .matter .matter_sector_3 .sector_texts .sector_text:nth-child(2) {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
    .skin_details .matter .matter_sector_3 .sector_texts .sector_text:nth-child(3) {
      -webkit-transform: rotate(300deg);
      transform: rotate(300deg); }
    .skin_details .matter .matter_sector_3 .round_container .round .split_line:nth-child(1) {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    .skin_details .matter .matter_sector_3 .round_container .round .split_line:nth-child(2) {
      -webkit-transform: rotate(120deg);
      transform: rotate(120deg); }
    .skin_details .matter .matter_sector_3 .round_container .round .split_line:nth-child(3) {
      -webkit-transform: rotate(240deg);
      transform: rotate(240deg); }
    .skin_details .matter .matter_sector_4 .sector_texts .sector_text:nth-child(1) {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .skin_details .matter .matter_sector_4 .sector_texts .sector_text:nth-child(2) {
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg); }
    .skin_details .matter .matter_sector_4 .sector_texts .sector_text:nth-child(3) {
      -webkit-transform: rotate(225deg);
      transform: rotate(225deg); }
    .skin_details .matter .matter_sector_4 .sector_texts .sector_text:nth-child(4) {
      -webkit-transform: rotate(315deg);
      transform: rotate(315deg); }
    .skin_details .matter .matter_sector_4 .round_container .round .split_line:nth-child(1) {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    .skin_details .matter .matter_sector_4 .round_container .round .split_line:nth-child(2) {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }
    .skin_details .matter .matter_sector_4 .round_container .round .split_line:nth-child(3) {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
    .skin_details .matter .matter_sector_4 .round_container .round .split_line:nth-child(4) {
      -webkit-transform: rotate(270deg);
      transform: rotate(270deg); }
    .skin_details .matter .matter_sector_5 .sector_texts .sector_text:nth-child(1) {
      -webkit-transform: rotate(35deg);
      transform: rotate(35deg); }
    .skin_details .matter .matter_sector_5 .sector_texts .sector_text:nth-child(2) {
      -webkit-transform: rotate(107deg);
      transform: rotate(107deg); }
    .skin_details .matter .matter_sector_5 .sector_texts .sector_text:nth-child(3) {
      -webkit-transform: rotate(179deg);
      transform: rotate(179deg); }
    .skin_details .matter .matter_sector_5 .sector_texts .sector_text:nth-child(4) {
      -webkit-transform: rotate(251deg);
      transform: rotate(251deg); }
    .skin_details .matter .matter_sector_5 .sector_texts .sector_text:nth-child(5) {
      -webkit-transform: rotate(323deg);
      transform: rotate(323deg); }
    .skin_details .matter .matter_sector_5 .round_container .round .split_line:nth-child(1) {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    .skin_details .matter .matter_sector_5 .round_container .round .split_line:nth-child(2) {
      -webkit-transform: rotate(72deg);
      transform: rotate(72deg); }
    .skin_details .matter .matter_sector_5 .round_container .round .split_line:nth-child(3) {
      -webkit-transform: rotate(144deg);
      transform: rotate(144deg); }
    .skin_details .matter .matter_sector_5 .round_container .round .split_line:nth-child(4) {
      -webkit-transform: rotate(216deg);
      transform: rotate(216deg); }
    .skin_details .matter .matter_sector_5 .round_container .round .split_line:nth-child(5) {
      -webkit-transform: rotate(288deg);
      transform: rotate(288deg); }
    .skin_details .matter .matter_sector_6 .sector_texts .sector_text:nth-child(1) {
      -webkit-transform: rotate(30deg);
      transform: rotate(30deg); }
    .skin_details .matter .matter_sector_6 .sector_texts .sector_text:nth-child(2) {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }
    .skin_details .matter .matter_sector_6 .sector_texts .sector_text:nth-child(3) {
      -webkit-transform: rotate(150deg);
      transform: rotate(150deg); }
    .skin_details .matter .matter_sector_6 .sector_texts .sector_text:nth-child(4) {
      -webkit-transform: rotate(210deg);
      transform: rotate(210deg); }
    .skin_details .matter .matter_sector_6 .sector_texts .sector_text:nth-child(5) {
      -webkit-transform: rotate(270deg);
      transform: rotate(270deg); }
    .skin_details .matter .matter_sector_6 .sector_texts .sector_text:nth-child(6) {
      -webkit-transform: rotate(330deg);
      transform: rotate(330deg); }
    .skin_details .matter .matter_sector_6 .round_container .round .split_line:nth-child(1) {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    .skin_details .matter .matter_sector_6 .round_container .round .split_line:nth-child(2) {
      -webkit-transform: rotate(60deg);
      transform: rotate(60deg); }
    .skin_details .matter .matter_sector_6 .round_container .round .split_line:nth-child(3) {
      -webkit-transform: rotate(120deg);
      transform: rotate(120deg); }
    .skin_details .matter .matter_sector_6 .round_container .round .split_line:nth-child(4) {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
    .skin_details .matter .matter_sector_6 .round_container .round .split_line:nth-child(5) {
      -webkit-transform: rotate(240deg);
      transform: rotate(240deg); }
    .skin_details .matter .matter_sector_6 .round_container .round .split_line:nth-child(6) {
      -webkit-transform: rotate(300deg);
      transform: rotate(300deg); }
    .skin_details .matter .matter_sector_8 .sector_texts .sector_text:nth-child(1) {
      -webkit-transform: rotate(25deg);
      transform: rotate(25deg); }
    .skin_details .matter .matter_sector_8 .sector_texts .sector_text:nth-child(2) {
      -webkit-transform: rotate(70deg);
      transform: rotate(70deg); }
    .skin_details .matter .matter_sector_8 .sector_texts .sector_text:nth-child(3) {
      -webkit-transform: rotate(115deg);
      transform: rotate(115deg); }
    .skin_details .matter .matter_sector_8 .sector_texts .sector_text:nth-child(4) {
      -webkit-transform: rotate(160deg);
      transform: rotate(160deg); }
    .skin_details .matter .matter_sector_8 .sector_texts .sector_text:nth-child(5) {
      -webkit-transform: rotate(205deg);
      transform: rotate(205deg); }
    .skin_details .matter .matter_sector_8 .sector_texts .sector_text:nth-child(6) {
      -webkit-transform: rotate(250deg);
      transform: rotate(250deg); }
    .skin_details .matter .matter_sector_8 .sector_texts .sector_text:nth-child(7) {
      -webkit-transform: rotate(295deg);
      transform: rotate(295deg); }
    .skin_details .matter .matter_sector_8 .sector_texts .sector_text:nth-child(8) {
      -webkit-transform: rotate(340deg);
      transform: rotate(340deg); }
    .skin_details .matter .matter_sector_8 .round_container .round .split_line:nth-child(1) {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    .skin_details .matter .matter_sector_8 .round_container .round .split_line:nth-child(2) {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .skin_details .matter .matter_sector_8 .round_container .round .split_line:nth-child(3) {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }
    .skin_details .matter .matter_sector_8 .round_container .round .split_line:nth-child(4) {
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg); }
    .skin_details .matter .matter_sector_8 .round_container .round .split_line:nth-child(5) {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
    .skin_details .matter .matter_sector_8 .round_container .round .split_line:nth-child(6) {
      -webkit-transform: rotate(225deg);
      transform: rotate(225deg); }
    .skin_details .matter .matter_sector_8 .round_container .round .split_line:nth-child(7) {
      -webkit-transform: rotate(270deg);
      transform: rotate(270deg); }
    .skin_details .matter .matter_sector_8 .round_container .round .split_line:nth-child(8) {
      -webkit-transform: rotate(315deg);
      transform: rotate(315deg); }
    .skin_details .matter .matter_result {
      font-size: 0.2667rem;
      color: #ACB4C5;
      padding: 0.2667rem 0.1333rem;
      background: rgba(255, 255, 255, 0.03);
      -webkit-box-shadow: inset 0px 0px 0.9733rem 0px rgba(255, 255, 255, 0.1);
      box-shadow: inset 0px 0px 0.9733rem 0px rgba(255, 255, 255, 0.1);
      border-radius: 0.1067rem;
      padding: 0.4533rem;
      margin-top: 0.4267rem; }
      .skin_details .matter .matter_result .matter_result_wtsx {
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 0.5333rem;
        letter-spacing: 0.0133rem; }
      .skin_details .matter .matter_result .matter_result_jd {
        margin-top: 0.3333rem;
        margin-bottom: 0.2667rem;
        width: 8.1067rem;
        height: 0.0133rem;
        border: 0.0133rem solid #FFFFFF;
        background: #FFFFFF;
        opacity: 0.2; }
      .skin_details .matter .matter_result p {
        margin-bottom: 0.1867rem;
        font-size: 0.2667rem; }
        .skin_details .matter .matter_result p.matter_result_desc {
          font-size: 0.2400rem;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #CECDDD;
          line-height: 0.5867rem;
          letter-spacing: 0.0133rem;
          white-space: pre-line; }
        .skin_details .matter .matter_result p.matter_result_bt {
          font-size: 0.2933rem;
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 500;
          color: #FFFFFF;
          text-align: justify;
          font-style: normal;
          letter-spacing: 0.0133rem;
          white-space: pre-line; }

.Yxcj_container {
  padding-bottom: 1.3333rem;
  position: relative; }
  .Yxcj_container .yxcj_title {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 0.3733rem;
    color: #C7C9EE;
    text-align: center;
    margin-top: 0.8000rem; }
  .Yxcj_container .Yxcj_top_img {
    margin-top: 0.6267rem; }
    .Yxcj_container .Yxcj_top_img .img_xk {
      margin: 0 auto;
      width: 9.6267rem;
      background: #080B10;
      border-radius: 0.0933rem;
      border: 0.0133rem solid #51599E; }
      .Yxcj_container .Yxcj_top_img .img_xk .img_yxcj {
        width: 9.6267rem;
        height: 13.3333rem; }
      .Yxcj_container .Yxcj_top_img .img_xk .Yxcj_bottom_tag {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .Yxcj_container .Yxcj_top_img .img_xk .Yxcj_bottom_tag .tab_div {
          width: 0.9067rem;
          height: 0.9067rem;
          background: #000000;
          border-radius: 0.0933rem;
          border-radius: 0.0933rem;
          overflow: hidden;
          position: relative; }
          .Yxcj_container .Yxcj_top_img .img_xk .Yxcj_bottom_tag .tab_div .tab_span {
            text-align: center;
            position: absolute;
            top: 40%;
            max-width: 0.9067rem;
            width: 0.9067rem;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            font-family: Source Han Sans CN;
            font-weight: 400;
            font-size: 0.1600rem;
            color: #FFFFFF; }
          .Yxcj_container .Yxcj_top_img .img_xk .Yxcj_bottom_tag .tab_div .tab_img {
            width: 0.9067rem;
            height: 0.9067rem; }
          .Yxcj_container .Yxcj_top_img .img_xk .Yxcj_bottom_tag .tab_div.active {
            border: 0.0133rem solid #51599E; }
  .Yxcj_container .facesYx {
    position: absolute;
    right: 0.5333rem;
    top: 10%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
    .Yxcj_container .facesYx .faces_itemYx {
      opacity: 0.4;
      margin-bottom: 0.2667rem; }
      .Yxcj_container .facesYx .faces_itemYx .faces_img {
        width: 0.7467rem;
        height: 0.6133rem;
        margin: auto 0; }
      .Yxcj_container .facesYx .faces_itemYx .faces_title {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 0.1600rem;
        color: #FFFFFF;
        line-height: 0.2267rem;
        letter-spacing: 0.0133rem;
        text-align: center;
        font-style: normal;
        margin-top: -0.1333rem;
        font-size: 0.2133rem;
        -webkit-transform: scale(0.9);
        transform: scale(0.9); }
    .Yxcj_container .facesYx .btn_active {
      opacity: 1; }

.jffx_container {
  padding-bottom: 1.3333rem;
  position: relative; }
  .jffx_container .facesFx {
    position: absolute;
    right: 0.5333rem;
    top: 2%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
    .jffx_container .facesFx .faces_itemFx {
      opacity: 0.4;
      margin-bottom: 0.2667rem; }
      .jffx_container .facesFx .faces_itemFx .faces_img {
        width: 0.7467rem;
        height: 0.6133rem;
        margin: auto 0; }
      .jffx_container .facesFx .faces_itemFx .faces_title {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 0.1600rem;
        color: #FFFFFF;
        line-height: 0.2267rem;
        letter-spacing: 0.0133rem;
        text-align: center;
        font-style: normal;
        margin-top: -0.1333rem;
        font-size: 0.2133rem;
        -webkit-transform: scale(0.9);
        transform: scale(0.9); }
    .jffx_container .facesFx .btn_active {
      opacity: 1; }
  .jffx_container .jffx_top_img {
    margin: 0.6667rem auto;
    width: 8.9067rem;
    height: 10.2267rem;
    background: #000;
    border-radius: 0.5333rem;
    position: relative;
    -webkit-box-shadow: 0px 0px 0.1333rem 0.1067rem #454873;
    box-shadow: 0px 0px 0.1333rem 0.1067rem #454873; }
    .jffx_container .jffx_top_img .jffx_top_img_img {
      width: 65%;
      top: 50%;
      left: 50%;
      position: absolute;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .jffx_container .jffx_pflx_img {
    padding: 0  0.6000rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .jffx_container .jffx_pflx_img > div {
      width: 25%;
      position: relative;
      height: 1.6000rem; }
      .jffx_container .jffx_pflx_img > div img {
        position: relative;
        left: 50%;
        margin-bottom: 0.4133rem;
        width: 0.9333rem;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0); }
      .jffx_container .jffx_pflx_img > div > div {
        padding: 0  0.2000rem;
        text-align: center;
        font-size: 0.1600rem;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #FFFFFF;
        width: 1.3333rem;
        -webkit-box-shadow: 0px 0.0400rem 0.0667rem 0.0400rem #3a4070;
        box-shadow: 0px 0.0400rem 0.0667rem 0.0400rem #3a4070;
        position: relative;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        display: inline-block;
        height: 0.5333rem;
        border-radius: 0.2667rem;
        line-height: 0.5333rem;
        position: absolute;
        bottom: 0; }
  .jffx_container .Jffx_tag {
    width: 8.9600rem;
    height: 0.7333rem;
    line-height: 0.7333rem;
    margin: 0.2933rem 0.5067rem;
    background: url("../img/Jffx/bg.png") no-repeat;
    background-size: 100% 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .jffx_container .Jffx_tag > span {
      display: inline-block;
      width: 0.9333rem;
      padding-left: 0.2133rem;
      font-size: 0.2133rem; }
    .jffx_container .Jffx_tag .jffxtag_tab {
      width: 7.5200rem;
      height: 0.4000rem;
      background: url("../img/Jffxack.png") no-repeat;
      background-size: 100% 100%;
      display: inline-block;
      margin: 0.1733rem 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      position: relative; }
      .jffx_container .Jffx_tag .jffxtag_tab .jffxtag_tab_number {
        position: absolute;
        left: 0; }
        .jffx_container .Jffx_tag .jffxtag_tab .jffxtag_tab_number .sanjiao_2 {
          position: absolute;
          right: 0.3733rem;
          top: 0.0267rem;
          width: 0;
          height: 0;
          border-right: 0.0267rem solid transparent;
          border-left: 0.0267rem solid transparent;
          border-top: 0.0533rem solid #b0afbb; }
        .jffx_container .Jffx_tag .jffxtag_tab .jffxtag_tab_number .sanjiao_1 {
          position: absolute;
          right: 0.3733rem;
          top: 0;
          width: 0.0533rem;
          height: 0.0267rem;
          background-color: #b0afbb; }
        .jffx_container .Jffx_tag .jffxtag_tab .jffxtag_tab_number .left {
          position: absolute;
          left: 0;
          width: 0.2000rem;
          height: 0.4000rem;
          background-image: radial-gradient( 0.2000rem 0.2000rem at 0.2000rem 0.2000rem, rgba(0, 0, 0, 0), #3a4070);
          border-radius: 1.3333rem 0 0 1.3333rem; }
        .jffx_container .Jffx_tag .jffxtag_tab .jffxtag_tab_number .right {
          position: absolute;
          top: 0;
          right: 0;
          width: 0.2000rem;
          height: 0.4000rem;
          background-image: radial-gradient( 0.2000rem 0.2000rem at 0px 0.2000rem, rgba(0, 0, 0, 0), #3a4070);
          border-radius: 0  1.3333rem 1.3333rem 0; }
        .jffx_container .Jffx_tag .jffxtag_tab .jffxtag_tab_number .center {
          position: absolute;
          top: 0;
          left: 0.2000rem;
          background-image: -webkit-gradient(linear, left top, left bottom, from(#3a4070), color-stop(rgba(0, 0, 0, 0)), to(#3a4070));
          background-image: linear-gradient(to bottom, #3a4070, rgba(0, 0, 0, 0), #3a4070);
          background-size: 100% 100%;
          width: calc(100% - 0.4000rem);
          height: 0.4000rem; }
      .jffx_container .Jffx_tag .jffxtag_tab span {
        line-height: 0.4000rem; }
  .jffx_container .jffx_contexts {
    margin: 0.5067rem;
    margin-top: 0.8267rem; }
    .jffx_container .jffx_contexts .text_1 {
      margin-bottom: 0.6400rem; }
      .jffx_container .jffx_contexts .text_1 .text_center {
        display: inline-block;
        font-size: 0.2400rem;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #A3B2D3;
        left: 50%;
        position: relative;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0); }
      .jffx_container .jffx_contexts .text_1 .text_2 {
        display: inline-block;
        font-size: 0.2400rem;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #A3B2D3;
        margin: 0 auto; }
      .jffx_container .jffx_contexts .text_1 .head_text {
        display: inline-block; }
      .jffx_container .jffx_contexts .text_1 .jffx_jflx {
        display: inline-block;
        width: 1.0133rem;
        height: 0.3467rem;
        border: 0.0133rem solid #7278BB;
        border-radius: 0.1333rem;
        text-align: center;
        line-height: 0.3467rem;
        font-size: 0.2400rem;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #A3B2D3;
        margin-left: 0.2667rem; }
    .jffx_container .jffx_contexts .text_3 {
      text-align: center;
      line-height: 0.6400rem;
      display: inline-block;
      border-radius: 0.3200rem;
      padding: 0  0.3333rem;
      height: 0.6400rem;
      font-size: 0.2400rem;
      font-family: Source Han Sans CN;
      font-weight: 400;
      color: #9BA8C5;
      -webkit-box-shadow: 0px 0.0400rem 0.0667rem 0.0400rem #3a4070;
      box-shadow: 0px 0.0400rem 0.0667rem 0.0400rem #3a4070; }
    .jffx_container .jffx_contexts .text_4 {
      margin: 0.2133rem 0.0800rem;
      font-size: 0.2133rem;
      font-family: Source Han Sans CN;
      font-weight: 400;
      color: #727E99;
      line-height: 0.4000rem; }
    .jffx_container .jffx_contexts .text_5 {
      text-align: center;
      line-height: 0.6400rem;
      display: inline-block;
      border-radius: 0.3200rem;
      padding: 0  0.3333rem;
      height: 0.6400rem;
      font-size: 0.2400rem;
      font-family: Source Han Sans CN;
      font-weight: 400;
      color: #9BA8C5;
      -webkit-box-shadow: 0px 0.0400rem 0.0667rem 0.0400rem #3a4070;
      box-shadow: 0px 0.0400rem 0.0667rem 0.0400rem #3a4070; }
    .jffx_container .jffx_contexts .text_6 {
      margin-top: 0.3733rem;
      min-height: 2.0000rem;
      border: 0.0267rem solid #2E395A;
      border-radius: 0.1333rem;
      background: rgba(255, 255, 255, 0.03);
      -webkit-box-shadow: inset 0px 0px 0.9733rem 0px rgba(255, 255, 255, 0.1);
      box-shadow: inset 0px 0px 0.9733rem 0px rgba(255, 255, 255, 0.1);
      border-radius: 0.0667rem; }
      .jffx_container .jffx_contexts .text_6 .huli_zj {
        font-size: 0.2667rem;
        font-family: PingFang SC;
        font-weight: 400;
        color: #B3B192;
        margin-left: 0.2667rem;
        margin-top: 0.2667rem; }
      .jffx_container .jffx_contexts .text_6 .huli_cj {
        font-size: 0.2667rem;
        font-family: PingFang SC;
        font-weight: 400;
        color: #A0B392;
        margin-top: 0.2667rem;
        margin-left: 0.2667rem; }
      .jffx_container .jffx_contexts .text_6 .huli_gj {
        font-size: 0.2667rem;
        font-family: PingFang SC;
        font-weight: 400;
        color: #92ADB2;
        margin-left: 0.2667rem;
        margin-top: 0.2667rem; }
      .jffx_container .jffx_contexts .text_6 .huli_list {
        padding: 0  0.1067rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end; }
        .jffx_container .jffx_contexts .text_6 .huli_list #zk_click_cj {
          width: 100%;
          margin-top: 0.4000rem;
          text-align: center; }
        .jffx_container .jffx_contexts .text_6 .huli_list #sq_click_cj {
          width: 100%;
          margin-top: 0.4000rem;
          text-align: center; }
        .jffx_container .jffx_contexts .text_6 .huli_list #zk_click_zj {
          width: 100%;
          margin-top: 0.4000rem;
          text-align: center; }
        .jffx_container .jffx_contexts .text_6 .huli_list #sq_click_zj {
          width: 100%;
          margin-top: 0.4000rem;
          text-align: center; }
        .jffx_container .jffx_contexts .text_6 .huli_list #zk_click_gj {
          width: 100%;
          margin-top: 0.4000rem;
          text-align: center; }
        .jffx_container .jffx_contexts .text_6 .huli_list #sq_click_gj {
          width: 100%;
          margin-top: 0.4000rem;
          text-align: center; }
        .jffx_container .jffx_contexts .text_6 .huli_list .huli_list_item {
          width: 2.6667rem;
          display: inline-block;
          width: 2.6667rem;
          padding: 0.2667rem 0.0533rem; }
          .jffx_container .jffx_contexts .text_6 .huli_list .huli_list_item:last-child {
            margin-right: 0; }
          .jffx_container .jffx_contexts .text_6 .huli_list .huli_list_item p {
            font-size: 0.2400rem;
            font-family: PingFang SC;
            font-weight: 400;
            color: #A3A3B9;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
          .jffx_container .jffx_contexts .text_6 .huli_list .huli_list_item > div {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            justify-items: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-top: 0.1600rem;
            height: 1.2267rem;
            border: 0.0133rem solid #37456C;
            border-radius: 0.1333rem; }
            .jffx_container .jffx_contexts .text_6 .huli_list .huli_list_item > div img {
              margin: auto 0.1067rem;
              width: 1.0400rem;
              height: 1.0000rem;
              border-radius: 50%; }
            .jffx_container .jffx_contexts .text_6 .huli_list .huli_list_item > div div {
              -webkit-box-sizing: border-box;
              box-sizing: border-box;
              -webkit-box-flex: 1;
              -ms-flex: 1;
              flex: 1;
              margin: auto;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
              font-size: 0.2133rem;
              font-family: PingFang SC;
              font-weight: 400;
              color: #9D9DA5;
              line-height: 0.2933rem; }

.zhbg_container {
  position: relative; }
  .zhbg_container .facesZh {
    position: absolute;
    right: 0.4000rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
    .zhbg_container .facesZh .faces_itemZh {
      opacity: 0.4;
      margin-bottom: 0.2667rem; }
      .zhbg_container .facesZh .faces_itemZh .faces_img {
        width: 0.7467rem;
        height: 0.6133rem;
        margin: auto 0; }
      .zhbg_container .facesZh .faces_itemZh .faces_title {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 0.1600rem;
        color: #FFFFFF;
        line-height: 0.2267rem;
        letter-spacing: 0.0133rem;
        text-align: center;
        font-style: normal;
        margin-top: 0.0800rem;
        margin-top: -0.1333rem;
        font-size: 0.2133rem;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        text-align: center; }
    .zhbg_container .facesZh .phots_btn_title {
      color: #3f486e !important; }
    .zhbg_container .facesZh .btn_active {
      opacity: 1; }
  .zhbg_container .user_info {
    margin: 0  0.5733rem;
    margin-top: 1.4267rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 3.9333rem;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(166, 153, 220, 0.08)), to(rgba(109, 96, 182, 0.08)));
    background: linear-gradient(180deg, rgba(166, 153, 220, 0.08) 0%, rgba(109, 96, 182, 0.08) 100%);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0.1067rem; }
    .zhbg_container .user_info ::after {
      opacity: 0.08; }
    .zhbg_container .user_info .user_left {
      margin: auto;
      text-align: center;
      margin-top: -0.8800rem; }
      .zhbg_container .user_info .user_left .user_photo {
        width: 2.4933rem;
        height: 2.4933rem;
        background: #0D0C0A;
        border: 0.0267rem solid #6D60B6;
        border-radius: 1.3333rem;
        overflow: hidden; }
        .zhbg_container .user_info .user_left .user_photo img {
          width: 2.4933rem;
          height: 2.4933rem; }
      .zhbg_container .user_info .user_left p {
        margin-top: 0.1600rem;
        font-size: 0.2667rem; }
    .zhbg_container .user_info .user_right {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin-top: 0.2000rem; }
      .zhbg_container .user_info .user_right .user_wrap {
        margin: auto;
        text-align: center; }
        .zhbg_container .user_info .user_right .user_wrap .iser_wrap_child {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          align-items: center;
          flex-wrap: wrap;
          gap: 0.1000rem 0.1600rem;
          margin-bottom: 0.1800rem; }
          .zhbg_container .user_info .user_right .user_wrap .iser_wrap_child .div_vertical {
            background-color: rgba(255,255,255,0.25);
            color: rgba(255,255,255,0.25);
            height: 0.4000rem;
            width: 0.0200rem;
            margin: 0 0.1200rem; }
          .zhbg_container .user_info .user_right .user_wrap .iser_wrap_child .icon {
            width: 0.2600rem;
            height: 0.2600rem;
            margin: auto 0;
            opacity: 0.8; }
        .zhbg_container .user_info .user_right .user_wrap p {
          font-size: 0.3200rem;
          white-space: nowrap;
          color: #ffffff;
          font-weight: 600;
          letter-spacing: 0.0200rem; }
          .zhbg_container .user_info .user_right .user_wrap p span {
            letter-spacing: 0.0200rem;
            color: rgba(255,255,255,0.85);
            font-weight: 500; }
  .zhbg_container .skin_texture {
    padding: 0  0.6000rem; }
    .zhbg_container .skin_texture .skin_texture_wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .zhbg_container .skin_texture .skin_texture_title {
      margin: 0.2400rem 0;
      font-size: 0.3200rem;
      color: #A1A1A6; }
      .zhbg_container .skin_texture .skin_texture_title img {
        display: inline-block;
        margin-right: 0.1333rem; }
      .zhbg_container .skin_texture .skin_texture_title .icon_pfjg {
        width: 0.0400rem; }
    .zhbg_container .skin_texture .texture {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      text-align: center; }
      .zhbg_container .skin_texture .texture .texture_title {
        font-size: 0.2667rem;
        color: #B2BED7; }
      .zhbg_container .skin_texture .texture .texture_img {
        margin: 0.3733rem auto 0.2800rem;
        width: 1.7067rem;
        height: 1.7600rem; }
        .zhbg_container .skin_texture .texture .texture_img img {
          width: 100%;
          height: 100%; }
      .zhbg_container .skin_texture .texture .texture_desc {
        font-size: 0.2400rem;
        color: #B2BED7; }

.zhbg_jljr_container {
  position: relative;
  padding: 0.2667rem;
  /* 页面容器 */ }
  .zhbg_jljr_container .facesZh {
    position: absolute;
    z-index: 999;
    right: 0.1333rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
    .zhbg_jljr_container .facesZh .faces_itemZh {
      opacity: 0.4;
      margin-bottom: 0.2667rem; }
      .zhbg_jljr_container .facesZh .faces_itemZh .faces_img {
        width: 0.7467rem;
        height: 0.6133rem;
        margin: auto 0; }
      .zhbg_jljr_container .facesZh .faces_itemZh .faces_title {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 0.1600rem;
        color: #FFFFFF;
        line-height: 0.2267rem;
        letter-spacing: 0.0133rem;
        text-align: center;
        font-style: normal;
        margin-top: 0.0800rem;
        margin-top: -0.1333rem;
        font-size: 0.2133rem;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        text-align: center; }
    .zhbg_jljr_container .facesZh .phots_btn_title {
      color: #3f486e !important; }
    .zhbg_jljr_container .facesZh .btn_active {
      opacity: 1; }
  .zhbg_jljr_container .user_info {
    position: relative;
    height: 2.6933rem;
    background: rgba(109, 96, 182, 0.1);
    border-radius: 0.0800rem;
    overflow: visible; }
    .zhbg_jljr_container .user_info ::after {
      opacity: 0.08; }
    .zhbg_jljr_container .user_info .user_info_h {
      margin: 0.4533rem auto;
      width: 8.6400rem;
      height: 0.0267rem;
      background: -webkit-gradient(linear, left top, right top, from(rgba(112, 219, 244, 0)), color-stop(51%, #5685EC), to(rgba(61, 181, 229, 0)));
      background: linear-gradient(90deg, rgba(112, 219, 244, 0) 0%, #5685EC 51%, rgba(61, 181, 229, 0) 100%);
      border-radius: 0.0267rem;
      opacity: 0.4; }
    .zhbg_jljr_container .user_info .user_info_top_div {
      padding-top: 0.3200rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .zhbg_jljr_container .user_info .user_info_top_div .user_left {
        margin: auto;
        text-align: center; }
        .zhbg_jljr_container .user_info .user_info_top_div .user_left .user_photo {
          width: 1.5600rem;
          height: 1.5600rem;
          background: #0D0C0A;
          border: 0.0133rem solid #6D60B6;
          margin-left: 0.4667rem;
          overflow: hidden;
          border-radius: 1.3333rem; }
          .zhbg_jljr_container .user_info .user_info_top_div .user_left .user_photo img {
            width: 1.4267rem;
            height: 1.4267rem;
            margin: 0 auto; }
        .zhbg_jljr_container .user_info .user_info_top_div .user_left p {
          margin-top: 0.1600rem;
          font-size: 0.2667rem; }
      .zhbg_jljr_container .user_info .user_info_top_div .user_right {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-top: 0.3600rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .zhbg_jljr_container .user_info .user_info_top_div .user_right .moistureNew {
          position: absolute;
          position: absolute;
          right: 0.3067rem;
          bottom: 0.7600rem;
          width: 30%;
          text-align: center; }
          .zhbg_jljr_container .user_info .user_info_top_div .user_right .moistureNew .moisture_canvas_text {
            position: absolute;
            padding: 0.2667rem;
            padding-top: 0.4000rem;
            width: 1.7333rem;
            height: 1.7333rem; }
            .zhbg_jljr_container .user_info .user_info_top_div .user_right .moistureNew .moisture_canvas_text .text_div {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center; }
              .zhbg_jljr_container .user_info .user_info_top_div .user_right .moistureNew .moisture_canvas_text .text_div .text_fs {
                font-family: DIN, DIN;
                font-weight: 500;
                font-size: 0.5333rem;
                color: #FFFFFF;
                line-height: 0.6533rem;
                letter-spacing: 0.0133rem;
                text-align: left;
                font-style: normal; }
              .zhbg_jljr_container .user_info .user_info_top_div .user_right .moistureNew .moisture_canvas_text .text_div .text_f {
                font-family: DIN, DIN;
                font-weight: 500;
                font-size: 0.2800rem;
                color: #FFFFFF;
                line-height: 0.7867rem;
                letter-spacing: 0.0133rem;
                text-align: center;
                font-style: normal; }
              .zhbg_jljr_container .user_info .user_info_top_div .user_right .moistureNew .moisture_canvas_text .text_div .text_zh {
                font-family: PingFangSC, PingFang SC;
                font-weight: 400;
                color: #26A6ED;
                line-height: 0.2800rem;
                letter-spacing: 0.0133rem;
                text-align: center;
                font-style: normal;
                font-size: 0.2667rem;
                min-width: 2.6667rem; }
          .zhbg_jljr_container .user_info .user_info_top_div .user_right .moistureNew .moisture_canvas_content {
            width: 1.8933rem;
            height: 1.8933rem; }
            .zhbg_jljr_container .user_info .user_info_top_div .user_right .moistureNew .moisture_canvas_content p {
              font-size: 0.4000rem;
              color: #ffffff; }
              .zhbg_jljr_container .user_info .user_info_top_div .user_right .moistureNew .moisture_canvas_content p:last-child {
                margin-top: 45%;
                color: #b39d93; }
        .zhbg_jljr_container .user_info .user_info_top_div .user_right .user_wrap .iser_wrap_child {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin-left: 0.3333rem;
          margin-bottom: 0.2533rem; }
          .zhbg_jljr_container .user_info .user_info_top_div .user_right .user_wrap .iser_wrap_child .div_vertical {
            width: 0.0133rem;
            height: 0.2267rem;
            opacity: 0.3;
            background: #979797;
            margin: auto 0.2000rem; }
          .zhbg_jljr_container .user_info .user_info_top_div .user_right .user_wrap .iser_wrap_child .icon {
            width: 0.2933rem;
            height: 0.2933rem;
            margin: auto 0; }
        .zhbg_jljr_container .user_info .user_info_top_div .user_right .user_wrap p {
          font-size: 0.2933rem;
          white-space: nowrap;
          color: #FFF;
          font-weight: 400;
          font-family: PingFangSC-Medium, PingFang SC;
          opacity: 0.9; }
          .zhbg_jljr_container .user_info .user_info_top_div .user_right .user_wrap p span {
            letter-spacing: 0.0267rem;
            color: #FFF;
            font-weight: 400; }
  .zhbg_jljr_container .skin-test-header {
    width: 100%;
    height: 0.5600rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 0.0800rem 0.0800rem 0.0133rem 0.0133rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .zhbg_jljr_container .skin-test-header .header_sg {
      width: 0.0800rem;
      height: 0.2267rem;
      background: #FFFFFF;
      margin: auto 0;
      margin-left: 0.2267rem; }
    .zhbg_jljr_container .skin-test-header .header_title {
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      font-size: 0.2267rem;
      color: #FFFFFF;
      line-height: 0.3067rem;
      text-align: left;
      font-style: normal;
      line-height: 0.5600rem;
      margin-left: 0.1467rem; }
  .zhbg_jljr_container .skin-test-container {
    height: 2.0267rem;
    background: rgba(109, 96, 182, 0.1);
    margin-top: 0.2267rem; }
    .zhbg_jljr_container .skin-test-container .skin-test-content {
      height: 1.8667rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0  0.2667rem; }
    .zhbg_jljr_container .skin-test-container .item_sg {
      width: 0.0133rem;
      height: 0.5467rem;
      background: #FFFFFF;
      opacity: 0.2; }
    .zhbg_jljr_container .skin-test-container .skin-test-item {
      text-align: center; }
    .zhbg_jljr_container .skin-test-container .item-value {
      font-size: 0.3200rem;
      margin-bottom: 0.1067rem; }
    .zhbg_jljr_container .skin-test-container .item-label {
      font-size: 0.1867rem;
      opacity: 0.8; }
  .zhbg_jljr_container .main-container {
    height: 5.7067rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.2267rem; }
    .zhbg_jljr_container .main-container .left-container {
      width: 282;
      height: 5.7067rem; }
      .zhbg_jljr_container .main-container .left-container .score-section {
        width: 3.7600rem;
        height: 3.3200rem;
        background: rgba(109, 96, 182, 0.1); }
        .zhbg_jljr_container .main-container .left-container .score-section .semicircle-container {
          width: 100%;
          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;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          padding-top: 0.1333rem; }
          .zhbg_jljr_container .main-container .left-container .score-section .semicircle-container .semicircle-progress {
            width: 2.6667rem;
            height: 1.6000rem; }
            .zhbg_jljr_container .main-container .left-container .score-section .semicircle-container .semicircle-progress .progress-text {
              fill: #fff;
              font-size: 0.4133rem;
              font-weight: bold; }
            .zhbg_jljr_container .main-container .left-container .score-section .semicircle-container .semicircle-progress .progress-label {
              font-family: PingFangSC, PingFang SC;
              font-weight: 400;
              font-size: 0.2000rem;
              fill: #fff;
              color: #FFFFFF;
              line-height: 0.2800rem;
              text-align: left;
              font-style: normal; }
            .zhbg_jljr_container .main-container .left-container .score-section .semicircle-container .semicircle-progress .progress-background {
              stroke: rgba(255, 255, 255, 0.1);
              -webkit-transition: stroke-dashoffset 0.5s ease;
              transition: stroke-dashoffset 0.5s ease; }
            .zhbg_jljr_container .main-container .left-container .score-section .semicircle-container .semicircle-progress .progress-bar {
              stroke: linear-gradient(180deg, #938cf6, #513da0) 10 10;
              fill: linear-gradient(180deg, #938cf6, #513da0) 10 10;
              -webkit-transition: stroke-dashoffset 0.5s ease;
              transition: stroke-dashoffset 0.5s ease; }
          .zhbg_jljr_container .main-container .left-container .score-section .semicircle-container .range-bar {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 0.1067rem;
            border-radius: 0.0533rem;
            width: 3.2133rem;
            height: 0.2000rem;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-top: 0.1333rem; }
            .zhbg_jljr_container .main-container .left-container .score-section .semicircle-container .range-bar .segment_wz {
              font-family: PingFangSC, PingFang SC;
              font-weight: 500;
              font-size: 0.1467rem;
              color: #FFFFFF;
              line-height: 0.2000rem;
              text-align: left;
              font-style: normal;
              opacity: 0.5; }
            .zhbg_jljr_container .main-container .left-container .score-section .semicircle-container .range-bar .range-segment {
              -webkit-box-flex: 1;
              -ms-flex: 1;
              flex: 1;
              margin: 0  0.0267rem;
              width: 0.8133rem;
              height: 0.1067rem;
              opacity: 0.1; }
            .zhbg_jljr_container .main-container .left-container .score-section .semicircle-container .range-bar .range-segment.severe {
              background: #10B981; }
            .zhbg_jljr_container .main-container .left-container .score-section .semicircle-container .range-bar .range-segment.normal {
              background: #3B82F6; }
            .zhbg_jljr_container .main-container .left-container .score-section .semicircle-container .range-bar .range-segment.good {
              background: #9F1239; }
            .zhbg_jljr_container .main-container .left-container .score-section .semicircle-container .range-bar .highlight {
              opacity: 1;
              width: 0.8133rem;
              height: 0.1067rem; }
          .zhbg_jljr_container .main-container .left-container .score-section .semicircle-container .range-indicators {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: distribute;
            justify-content: space-around;
            width: 80%;
            margin-top: 0.0667rem; }
            .zhbg_jljr_container .main-container .left-container .score-section .semicircle-container .range-indicators .range-item {
              font-family: PingFangSC, PingFang SC;
              font-weight: 500;
              font-size: 0.1467rem;
              color: #FFFFFF;
              line-height: 0.2000rem;
              text-align: left;
              font-style: normal;
              opacity: 0.5; }
            .zhbg_jljr_container .main-container .left-container .score-section .semicircle-container .range-indicators .highlight {
              opacity: 1; }
          .zhbg_jljr_container .main-container .left-container .score-section .semicircle-container .score-input {
            margin-top: 0.1333rem;
            background: rgba(255, 255, 255, 0.1);
            border: 0.0133rem solid rgba(255, 255, 255, 0.2);
            border-radius: 0.0533rem;
            color: #fff;
            padding: 0.0667rem; }
      .zhbg_jljr_container .main-container .left-container .type-section {
        margin-top: 0.2267rem;
        width: 3.7600rem;
        height: 2.1600rem;
        background: rgba(109, 96, 182, 0.1); }
        .zhbg_jljr_container .main-container .left-container .type-section .dspw-title {
          margin-top: 0.3333rem;
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 0.3333rem;
          color: #FFFFFF;
          line-height: 0.4667rem;
          letter-spacing: 0.0133rem;
          text-align: left;
          font-style: normal;
          text-align: center; }
        .zhbg_jljr_container .main-container .left-container .type-section .dspw-desc {
          margin-top: 0.1333rem;
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 0.1600rem;
          color: #FFFFFF;
          line-height: 0.3067rem;
          letter-spacing: 0.0133rem;
          text-align: center;
          font-style: normal; }
    .zhbg_jljr_container .main-container .right-container {
      width: 5.5467rem;
      height: 5.7067rem;
      background: rgba(109, 96, 182, 0.1);
      margin-left: 0.2267rem; }
      .zhbg_jljr_container .main-container .right-container .symptom-section {
        /* 指标标签样式 */
        /* 分数标签样式 */ }
        .zhbg_jljr_container .main-container .right-container .symptom-section .radar-container {
          position: relative; }
        .zhbg_jljr_container .main-container .right-container .symptom-section .radar-label {
          position: absolute;
          font-family: PingFangSC, PingFang SC;
          font-size: 0.2000rem;
          color: #FFFFFF;
          text-align: left;
          font-style: normal; }
        .zhbg_jljr_container .main-container .right-container .symptom-section .label-1 {
          top: 25%;
          right: 0px; }
        .zhbg_jljr_container .main-container .right-container .symptom-section .label-2 {
          top: 0.2667rem;
          left: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
        .zhbg_jljr_container .main-container .right-container .symptom-section .label-3 {
          bottom: 3.2000rem;
          left: 0.2667rem; }
        .zhbg_jljr_container .main-container .right-container .symptom-section .label-4 {
          bottom: 0.9333rem;
          left: 10%;
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }
        .zhbg_jljr_container .main-container .right-container .symptom-section .label-5 {
          bottom: 1.0667rem;
          right: 0.8000rem; }
        .zhbg_jljr_container .main-container .right-container .symptom-section .score-tag {
          position: absolute;
          border-radius: 0.0533rem;
          color: #fff;
          font-size: 0.1067rem;
          width: 0.8667rem;
          height: 0.3200rem;
          height: 0.3200rem;
          border-radius: 0.0133rem; }
          .zhbg_jljr_container .main-container .right-container .symptom-section .score-tag .tag_div {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 1.4000rem;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
            .zhbg_jljr_container .main-container .right-container .symptom-section .score-tag .tag_div .tag_wz {
              font-size: 0.1467rem;
              line-height: 0.3200rem;
              text-align: left;
              font-style: normal; }
            .zhbg_jljr_container .main-container .right-container .symptom-section .score-tag .tag_div .tag_fs {
              font-size: 0.1467rem;
              line-height: 0.3200rem;
              text-align: left;
              font-style: normal;
              margin-left: 0.0667rem; }
        .zhbg_jljr_container .main-container .right-container .symptom-section .tag-1 {
          top: 1.7333rem;
          left: calc(50% + 1.6000rem); }
        .zhbg_jljr_container .main-container .right-container .symptom-section .tag-2 {
          top: 0.1333rem;
          left: calc(60%); }
        .zhbg_jljr_container .main-container .right-container .symptom-section .tag-3 {
          bottom: 2.9333rem;
          left: calc(1%); }
        .zhbg_jljr_container .main-container .right-container .symptom-section .tag-4 {
          bottom: 0.6000rem;
          left: calc(3%); }
        .zhbg_jljr_container .main-container .right-container .symptom-section .tag-5 {
          bottom: 0.6667rem;
          left: calc(73%); }
  .zhbg_jljr_container .diagnosis-container {
    border-radius: 0.0533rem;
    background: rgba(109, 96, 182, 0.1);
    margin-top: 0.2267rem; }
    .zhbg_jljr_container .diagnosis-container .diagnosis_div {
      padding: 0  0.3733rem;
      margin-top: 0.2267rem;
      /* 综合分析区域 */
      /* 指标项容器（每个指标一行） */
      /* 指标内容区 */
      /* 指标标题（含等级标签） */
      /* 等级标签样式 */
      /* 指标描述 */
      /* 图片占位区 */ }
      .zhbg_jljr_container .diagnosis-container .diagnosis_div .summary {
        line-height: 1.6;
        margin-bottom: 0.2667rem; }
      .zhbg_jljr_container .diagnosis-container .diagnosis_div .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 0.2667rem;
        padding: 0.2000rem 0;
        border-bottom: 0.0133rem solid #34495e; }
      .zhbg_jljr_container .diagnosis-container .diagnosis_div .item-content {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1; }
      .zhbg_jljr_container .diagnosis-container .diagnosis_div .item-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 0.1333rem;
        font-size: 0.2400rem;
        margin-bottom: 0.1067rem; }
      .zhbg_jljr_container .diagnosis-container .diagnosis_div .level {
        font-size: 0.1600rem;
        padding: 0.0267rem 0.1067rem;
        border-radius: 0.0533rem; }
        .zhbg_jljr_container .diagnosis-container .diagnosis_div .level .tag_div {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          width: 1.4000rem;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
          .zhbg_jljr_container .diagnosis-container .diagnosis_div .level .tag_div .tag_wz {
            font-family: PingFangSC, PingFang SC;
            font-size: 0.1467rem;
            line-height: 0.3200rem;
            text-align: left;
            font-style: normal; }
          .zhbg_jljr_container .diagnosis-container .diagnosis_div .level .tag_div .tag_fs {
            font-family: PingFangSC, PingFang SC;
            font-size: 0.1467rem;
            line-height: 0.3200rem;
            text-align: left;
            font-style: normal;
            margin-left: 0.0667rem; }
      .zhbg_jljr_container .diagnosis-container .diagnosis_div .item-desc {
        line-height: 1.5;
        color: #ecf0f1; }
      .zhbg_jljr_container .diagnosis-container .diagnosis_div .item-img {
        width: 1.6800rem;
        height: 2.1467rem;
        background-color: #34495e;
        border-radius: 0.0533rem;
        overflow: hidden; }
      .zhbg_jljr_container .diagnosis-container .diagnosis_div .item-img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; }

.print_report {
  padding: 0.2000rem 0.2000rem 0.2000rem 0.2000rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  background-color: #ffffff;
  font-family: "Arial"; }
  .print_report .print_header .logo {
    width: 1.3333rem;
    height: 0.4000rem; }
  .print_report .print_header .title {
    margin: 0.2667rem 0;
    text-align: center;
    font-size: 0.4267rem;
    font-weight: 700;
    letter-spacing: 0.0667rem;
    font-weight: 700; }
  .print_report .print_header .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .print_report .dotted_line {
    margin: 0.2000rem 0;
    border: 0.0133rem dashed rgba(0, 0, 0, 0.2); }
  .print_report .indicators {
    margin-bottom: 0.2000rem; }
    .print_report .indicators .title {
      font-size: 0.2667rem;
      margin-bottom: 0.2000rem;
      font-family: "Arial";
      font-weight: bold; }
      .print_report .indicators .title span:first-child {
        display: inline-block;
        width: 0.0667rem;
        height: 0.2400rem;
        background-color: black;
        margin: 0  0.0667rem 0 0;
        vertical-align: middle; }
      .print_report .indicators .title span:last-child {
        vertical-align: middle; }
    .print_report .indicators .indicators_table {
      border-collapse: collapse;
      width: 100%; }
      .print_report .indicators .indicators_table th,
      .print_report .indicators .indicators_table td {
        border: 0.0133rem solid black;
        padding: 0.0667rem;
        text-align: center;
        height: 0.4000rem; }
      .print_report .indicators .indicators_table th:first-child,
      .print_report .indicators .indicators_table td:first-child {
        background-color: #f3f3f3;
        /* Add background color to the first column */ }
    .print_report .indicators .indicators_table_One {
      border-collapse: collapse;
      display: inline-block;
      margin-right: 0.4000rem; }
      .print_report .indicators .indicators_table_One th,
      .print_report .indicators .indicators_table_One td {
        border: 0.0133rem solid black;
        padding: 0.0667rem;
        text-align: center;
        height: 0.4000rem; }
      .print_report .indicators .indicators_table_One th:first-child,
      .print_report .indicators .indicators_table_One td:first-child {
        background-color: #f3f3f3;
        /* Add background color to the first column */ }
    .print_report .indicators .indicators_table_Two {
      border-collapse: collapse;
      display: inline-block; }
      .print_report .indicators .indicators_table_Two th,
      .print_report .indicators .indicators_table_Two td {
        border: 0.0133rem solid black;
        padding: 0.0667rem;
        text-align: center;
        height: 0.4000rem; }
      .print_report .indicators .indicators_table_Two th:first-child,
      .print_report .indicators .indicators_table_Two td:first-child {
        background-color: #f3f3f3;
        /* Add background color to the first column */ }
  .print_report .red-star {
    color: red; }
  .print_report .SkinResults .title {
    font-size: 0.2667rem;
    margin-bottom: 0.2000rem; }
    .print_report .SkinResults .title span {
      font-family: "Arial";
      font-weight: bold; }
    .print_report .SkinResults .title span:first-child {
      display: inline-block;
      width: 0.0667rem;
      height: 0.2400rem;
      background-color: black;
      margin: 0  0.0667rem 0 0;
      vertical-align: middle; }
    .print_report .SkinResults .title span:last-child {
      vertical-align: middle; }
  .print_report .SkinResults .title2 {
    width: 100%;
    height: 0.4000rem;
    line-height: 0.4000rem;
    padding-left: 0.2000rem;
    margin-top: 0.2667rem;
    margin-bottom: 0.2000rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f3f3f3;
    font-weight: 700; }
  .print_report .SkinResults .skinResults_table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 0.2000rem; }
    .print_report .SkinResults .skinResults_table th,
    .print_report .SkinResults .skinResults_table td {
      border: 0.0133rem solid black;
      padding: 0.0667rem;
      text-align: center;
      height: 0.4000rem; }
  .print_report .SkinResults .title3 {
    margin: 0.2667rem 0  0.1333rem 0;
    font-family: "Arial";
    font-weight: 700; }
  .print_report .SkinResults .contents {
    letter-spacing: 0.0400rem;
    line-height: 0.3333rem;
    margin-bottom: 0.1333rem;
    text-align: justify; }
  .print_report .SkinResults .recommended_scheme_Table {
    border-collapse: collapse;
    margin-top: 0.2000rem; }
    .print_report .SkinResults .recommended_scheme_Table th,
    .print_report .SkinResults .recommended_scheme_Table td {
      border: 0.0133rem solid black;
      padding: 0.0667rem;
      text-align: center;
      height: 0.4000rem;
      font-size: 0.1867rem; }

.levels {
  margin: 0.3333rem 0.2133rem; }
  .levels .levels_div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 9.3333rem; }
  .levels .levels_title {
    margin-bottom: 0.1067rem;
    font-size: 0.2667rem;
    color: #75BB88; }
  .levels.level0 .levels_title {
    color: #75BB88; }
  .levels.level1 .levels_title {
    color: #D19C73; }
  .levels.level2 .levels_title {
    color: #E16662; }
  .levels .levels_scheme {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 4.0933rem;
    height: 1.3600rem;
    margin-right: 0.1333rem;
    margin-bottom: 0.1333rem;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 0.1067rem; }
    .levels .levels_scheme .levels_scheme_js {
      margin: auto 0;
      width: 2.6667rem;
      margin-left: 0.1067rem; }
      .levels .levels_scheme .levels_scheme_js .scheme_desc {
        margin-top: 0.0400rem;
        font-size: 0.2400rem;
        color: #9D9DA5;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 0.2400rem;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 0.4933rem;
        letter-spacing: 0.0133rem; }
      .levels .levels_scheme .levels_scheme_js .scheme_info {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: auto;
        font-size: 0.2133rem;
        color: #FFFFFF;
        line-height: 0.2667rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        opacity: 0.8; }
    .levels .levels_scheme:last-child {
      margin-right: 0; }
    .levels .levels_scheme .scheme_title {
      font-size: 0.2667rem;
      color: #A3A3B9; }
    .levels .levels_scheme .scheme_desc {
      margin-top: 0.0400rem;
      font-size: 0.2400rem;
      color: #9D9DA5;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 0.2400rem;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #FFFFFF;
      line-height: 0.4933rem;
      letter-spacing: 0.0133rem; }
    .levels .levels_scheme .scheme_wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      justify-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-left: 0.1067rem; }
      .levels .levels_scheme .scheme_wrap .scheme_img {
        width: 1.1333rem;
        height: 1.1333rem;
        border-radius: 0.0800rem; }
      .levels .levels_scheme .scheme_wrap .scheme_info {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: auto;
        font-size: 0.2133rem;
        color: #9D9DA5;
        line-height: 0.2667rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        opacity: 0.8; }

.angl_container {
  height: 100%;
  position: relative; }
  .angl_container .angl_main_div {
    background-color: rgba(194, 206, 253, 0.12);
    margin: auto 0.4000rem;
    border-radius: 0.2267rem;
    padding: 0.2667rem; }
    .angl_container .angl_main_div .merge_div {
      text-align: right; }
    .angl_container .angl_main_div .angl_bt {
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      font-size: 0.5733rem;
      color: #FFFFFF;
      line-height: 0.8133rem;
      letter-spacing: 0.0267rem;
      text-align: left;
      font-style: normal;
      text-align: center;
      margin-top: 0.5600rem;
      z-index: 999; }
    .angl_container .angl_main_div .angl_img_div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-top: 0.5867rem; }
      .angl_container .angl_main_div .angl_img_div .angl_img_box {
        position: relative; }
        .angl_container .angl_main_div .angl_img_div .angl_img_box .angl_img {
          width: 4.3333rem; }
        .angl_container .angl_main_div .angl_img_div .angl_img_box .box_div {
          width: 100%;
          background-color: rgba(0, 0, 0, 0.2);
          font-family: DIN, DIN;
          font-weight: 500;
          font-size: 0.2667rem;
          color: #FFFFFF;
          line-height: 0.4533rem;
          letter-spacing: 0.0133rem;
          text-align: center;
          font-style: normal;
          position: absolute;
          bottom: 0%; }
    .angl_container .angl_main_div .angl_text {
      margin-top: 0.4000rem; }
      .angl_container .angl_main_div .angl_text .algl_bt {
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 0.4400rem;
        color: #FFFFFF;
        line-height: 0.6000rem;
        letter-spacing: 0.0267rem;
        text-align: left;
        font-style: normal; }
      .angl_container .angl_main_div .angl_text .algl_wz {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 0.3200rem;
        color: #FFFFFF;
        line-height: 0.5600rem;
        text-align: justify;
        font-style: normal;
        opacity: 0.8;
        margin-top: 0.2267rem;
        white-space: pre-line; }

/* ==========================================================================
   Nova Identidade Visual InfinityCare 3D IA PRO (Inspirada na Landing Page)
   ========================================================================== */

body {
  background: radial-gradient(circle at top, #0c1527 0%, #03060f 100%) !important;
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  color: #e2e8f0 !important;
}

h1, h2, h3, h4, h5, h6, 
.nav_title, .yxcj_title, .diagram_title, .matter_title, 
.title, .title2, .title3, .levels_title, .scheme_title,
.header_title {
  font-family: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  letter-spacing: -0.01em !important;
}

/* Cabeçalho */
.header {
  background: rgba(3, 6, 15, 0.6) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  z-index: 100 !important;
}

.header .logo-text {
  font-family: 'Outfit', sans-serif !important;
  background: linear-gradient(135deg, #ffffff 40%, #00f0ff 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 700 !important;
  letter-spacing: 0.0600rem !important;
}

/* Botões do Seletor de Idioma */
.header .lang-selector .lang-btn {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.5) !important;
  border-radius: 0.1200rem !important;
  font-family: 'Outfit', sans-serif !important;
}

.header .lang-selector .lang-btn.active {
  background: linear-gradient(135deg, #00f0ff 0%, #007aff 100%) !important;
  color: #fff !important;
  border-color: #007aff !important;
  box-shadow: 0 0 0.1500rem rgba(0, 240, 255, 0.45) !important;
}

/* Barra de Navegação */
.navs {
  background: rgba(4, 8, 16, 0.5) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  margin-bottom: 0.2000rem !important;
}

.navs .nav {
  border-bottom: none !important;
}

.navs .nav .nav_item {
  border-bottom: 0.0400rem solid transparent !important;
  transition: all 0.3s ease !important;
}

.navs .nav .nav_item.active {
  background: linear-gradient(180deg, rgba(0, 122, 255, 0) 0%, rgba(0, 240, 255, 0.08) 100%) !important;
  border-bottom: 0.0400rem solid #00f0ff !important;
  text-shadow: none !important;
}

.navs .nav .nav_item.active .nav_title {
  color: #00f0ff !important;
  font-weight: bold !important;
}

.navs .nav .nav_item .nav_img {
  filter: brightness(0.8) contrast(1.2);
  transition: all 0.3s ease;
}

.navs .nav .nav_item.active .nav_img {
  filter: drop-shadow(0 0 4px #00f0ff) brightness(1.2) contrast(1.2);
}

.min_nav_wrap {
  border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
  background: rgba(3, 6, 15, 0.4) !important;
}

/* Painéis de Conteúdo (Glassmorphism) */
.photos_wrap, .skin_details, .matter, .recommended_scheme, 
.SkinResults_arr, .indicators_table_One, .indicators_table_Two, 
.skinResults_table, .recommended_scheme_Table {
  background: rgba(13, 22, 45, 0.45) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border-radius: 0.2000rem !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
}

.photos_wrap {
  background: rgba(0, 0, 0, 0.45) !important;
}

.diagram, .moisture {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.04) !important;
  border-radius: 0.1600rem !important;
  padding: 0.2400rem !important;
  box-sizing: border-box !important;
  box-shadow: inset 0 2px 8px rgba(0,0,0,0.2) !important;
}

/* Informações do Usuário (Comprehensive Report) */
.user_wrap {
  background: rgba(13, 22, 45, 0.6) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 0.2000rem !important;
  padding: 0.3500rem !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
}

.user_photo img {
  border: 2px solid #00f0ff !important;
  box-shadow: 0 0 15px rgba(0, 240, 255, 0.35) !important;
  border-radius: 50% !important;
}

.div_vertical {
  background: rgba(255, 255, 255, 0.08) !important;
}

/* Tabelas */
table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 0.1600rem !important;
}

th {
  background: rgba(0, 122, 255, 0.1) !important;
  color: #00f0ff !important;
  font-weight: 600 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  font-size: 0.2400rem !important;
  padding: 0.1600rem 0.2000rem !important;
}

td {
  background: rgba(13, 22, 45, 0.25) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.03) !important;
  color: #cbd5e1 !important;
  font-size: 0.2400rem !important;
  padding: 0.1600rem 0.2000rem !important;
}

tr:last-child td {
  border-bottom: none !important;
}

/* Títulos de Seção */
.yxcj_title, .title {
  font-size: 0.3800rem !important;
  font-weight: 800 !important;
  background: linear-gradient(135deg, #ffffff 40%, #00f0ff 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  display: inline-block !important;
  margin-bottom: 0.2000rem !important;
}

.title2, .title3 {
  color: #00f0ff !important;
  font-weight: 700 !important;
  font-size: 0.2800rem !important;
}

.matter_title {
  color: #ffffff !important;
  font-weight: 600 !important;
}

.matter_desc {
  color: #94a3b8 !important;
}

/* Cards de Produtos Recomendados */
.levels_scheme {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 0.1600rem !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  overflow: hidden !important;
}

.levels_scheme:hover {
  transform: translateY(-3px) !important;
  border-color: #00f0ff !important;
  background: rgba(0, 240, 255, 0.04) !important;
  box-shadow: 0 8px 25px rgba(0, 240, 255, 0.15) !important;
}

.levels_title {
  border-left: 0.0400rem solid #00f0ff !important;
  padding-left: 0.1200rem !important;
  color: #00f0ff !important;
  font-size: 0.2800rem !important;
  font-weight: 700 !important;
}

.scheme_desc {
  font-weight: bold !important;
  color: #ffffff !important;
}

.scheme_info {
  color: #94a3b8 !important;
}

/* Elementos Adicionais */
.img_xk {
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 0.2000rem !important;
  background: rgba(0,0,0,0.2) !important;
}

.faces_item, .faces_itemYx {
  border-radius: 0.1200rem !important;
  border: 1px solid rgba(255, 255, 255, 0.04) !important;
  background: rgba(13, 22, 45, 0.3) !important;
}

.faces_item.btn_active, .faces_itemYx.btn_active {
  border-color: #00f0ff !important;
  background: rgba(0, 240, 255, 0.08) !important;
}

/* ==========================================================================
   Correções de Contraste, Fonte e Miniaturas (v2)
   ========================================================================== */

/* Textos gerais com contraste forçado */
p, span, div, li, label, td, th {
  -webkit-font-smoothing: antialiased !important;
}

/* Todos os textos de conteúdo: cor legível */
.contents, .matter_desc, .SkinResults_arr p,
.SkinResults_arr span, .SkinResults_arr div {
  color: #dde3f0 !important;
  font-size: 0.2400rem !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
}

/* Títulos de seção legíveis */
.title2, .title3 {
  color: #7dd3fc !important;
  font-size: 0.2600rem !important;
  font-weight: 700 !important;
  margin-top: 0.2000rem !important;
  margin-bottom: 0.0800rem !important;
  display: block !important;
}

/* Texto da miniatura de rosto (face frontal/lateral) */
.faces_title span,
.faces_item .faces_title,
.faces_itemYx .faces_title,
.faces_itemFx .faces_title,
.faces_itemZh .faces_title {
  color: #ffffff !important;
  font-size: 0.2200rem !important;
  font-weight: 600 !important;
  background: rgba(0,0,0,0.7) !important;
  padding: 0.0400rem 0.0600rem !important;
  border-radius: 0.0400rem !important;
  display: block !important;
  text-align: center !important;
}

/* Miniatura de rosto: fundo escuro para destacar */
.faces_item, .faces_itemYx, .faces_itemFx, .faces_itemZh {
  background: rgba(5, 10, 25, 0.85) !important;
  border: 1px solid rgba(0, 240, 255, 0.15) !important;
  border-radius: 0.1200rem !important;
  overflow: hidden !important;
}

.faces_item.btn_active,
.faces_itemYx.btn_active,
.faces_itemFx.btn_active,
.faces_itemZh.btn_active {
  border-color: #00f0ff !important;
  box-shadow: 0 0 8px rgba(0, 240, 255, 0.45) !important;
}

/* Tabelas de recomendação e análise */
.recommended_scheme_Table th,
.skinResults_table th {
  color: #00f0ff !important;
  background: rgba(0, 122, 255, 0.12) !important;
  font-size: 0.2200rem !important;
  font-weight: 700 !important;
  padding: 0.1400rem 0.1600rem !important;
  border-bottom: 1px solid rgba(0, 240, 255, 0.2) !important;
}

.recommended_scheme_Table td,
.skinResults_table td {
  color: #dde3f0 !important;
  background: rgba(13, 22, 45, 0.3) !important;
  font-size: 0.2200rem !important;
  padding: 0.1400rem 0.1600rem !important;
  vertical-align: middle !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
}

/* Título Plano de Recomendação */
.recommended_scheme .title,
.recommended_scheme_title {
  font-size: 0.3200rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #ffffff 40%, #00f0ff 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  display: block !important;
  margin-bottom: 0.2000rem !important;
}

/* Caixa do Plano de Recomendação visível */
.recommended_scheme {
  background: rgba(5, 12, 30, 0.7) !important;
  border: 1px solid rgba(0, 240, 255, 0.1) !important;
  border-radius: 0.2000rem !important;
  padding: 0.3000rem !important;
  margin-top: 0.3000rem !important;
}

/* Indicadores - gradinhas de barras */
.progress_bar_wrap, .Jffx_tag {
  background: rgba(255,255,255,0.04) !important;
  border-radius: 0.1000rem !important;
  overflow: hidden !important;
}

/* Nomes de indicadores e valores */
.diagram_name, .item_title, .matter_title span {
  color: #e2e8f0 !important;
  font-weight: 600 !important;
}

/* Scores/resultados de nível */
.tag_wz, .tag_fs {
  font-weight: 700 !important;
}

/* Forçar fundo do container da visualização de imagem */
.pffx_container, .jffx_container, .zhbg_container, .yxcj_container {
  background: transparent !important;
}

/* Seção de Análise Quantitativa */
.matter_wrap .matter, .matter_wrap_title {
  background: rgba(10, 16, 35, 0.6) !important;
  border: 1px solid rgba(255,255,255,0.05) !important;
  border-radius: 0.1600rem !important;
  padding: 0.2400rem !important;
  margin-bottom: 0.2000rem !important;
}

.matter_wrap .matter_title {
  font-size: 0.2800rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.1000rem !important;
}

.matter_wrap .matter_desc {
  color: #c0cce0 !important;
  font-size: 0.2300rem !important;
  line-height: 1.65 !important;
  margin-top: 0.1000rem !important;
}

/* ==========================================================================
   Fix Global v3 — Botões, Grid e Plano de Recomendação
   ========================================================================== */

/* Todos os botões de menu secundário (min_nav, phots_btn, etc.) */
.min_nav_item, .min_nav_wrap .min_nav_item {
  color: rgba(255, 255, 255, 0.6) !important;
  font-weight: 500 !important;
  font-size: 0.2400rem !important;
  padding: 0.0600rem 0.1600rem !important;
  border-radius: 0.1200rem !important;
  border: 1px solid transparent !important;
  transition: all 0.2s ease !important;
  background: transparent !important;
}

.min_nav_item.active, .min_nav_item.nav_active, 
.min_nav_wrap .min_nav_item.active {
  color: #00f0ff !important;
  font-weight: 700 !important;
  border-color: rgba(0, 240, 255, 0.3) !important;
  background: rgba(0, 240, 255, 0.07) !important;
}

/* Forçar contraste em todos os phots_btn e similares */
.phots_btn, .phots_btn_T, .phots_btn_U {
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 0.2600rem !important;
  font-weight: 600 !important;
}

.phots_btn.btn_active {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* Foto do usuário — melhorar contraste do anel */
.zhbg_container .user_info .user_left .user_photo {
  border: 2px solid rgba(0, 240, 255, 0.5) !important;
  box-shadow: 0 0 16px rgba(0, 240, 255, 0.3) !important;
  border-radius: 50% !important;
}

/* user_info card premium */
.zhbg_container .user_info {
  background: rgba(8, 14, 32, 0.65) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 0.2400rem !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4) !important;
  padding-bottom: 0.3000rem !important;
}

/* Indicadores do Relatório Abrangente */
.zhbg_container .skin_texture {
  background: rgba(8, 14, 32, 0.5) !important;
  border: 1px solid rgba(255,255,255,0.05) !important;
  border-radius: 0.1600rem !important;
  padding: 0.2000rem !important;
  margin: 0.2000rem 0.2667rem !important;
}

.skin_texture_title {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 0.3000rem !important;
  margin-bottom: 0.2000rem !important;
}

/* Forçar Plano de Recomendação visível com conteúdo */
.recommended_scheme {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.recommended_scheme_Table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 0.1600rem !important;
  overflow: hidden !important;
}

.recommended_scheme_Table img {
  border-radius: 0.0800rem !important;
  object-fit: cover !important;
  width: 0.9333rem !important;
  height: 0.9333rem !important;
}

.recommended_scheme_Table .first-level td:first-child {
  font-weight: 700 !important;
  color: #00f0ff !important;
}

/* Diagrama / gauge do analysor — sem borda vermelha */
.skin_details .diagram .analysor .analysor_center .semi-circle {
  box-shadow: 0px 0px 0.2000rem rgba(0, 240, 255, 0.25) inset !important;
  border: 1px solid rgba(0, 240, 255, 0.15) !important;
}

/* Texto do analysor legível */
.diagram_title {
  color: #e2e8f0 !important;
  font-weight: 600 !important;
  font-size: 0.3000rem !important;
  letter-spacing: 0.0400rem !important;
}

.analysor_text {
  color: #ffffff !important;
}

.analysor_text span {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* ==========================================================================
   Cards de Recomendação Premium (substitui tabela)
   ========================================================================== */

.recommendation_cards_wrap {
  display: flex;
  flex-direction: column;
  gap: 0.2400rem;
  padding: 0.1600rem 0;
}

/* Card de nível (Cuidado Primário / Intermediário / Avançado) */
.rec-level-card {
  background: rgba(10, 18, 40, 0.7) !important;
  border: 1px solid rgba(0, 240, 255, 0.12) !important;
  border-radius: 0.2000rem !important;
  overflow: hidden !important;
  backdrop-filter: blur(8px) !important;
}

.rec-level-card.level1 { border-left: 3px solid #98CE71 !important; }
.rec-level-card.level2 { border-left: 3px solid #00f0ff !important; }
.rec-level-card.level3 { border-left: 3px solid #a78bfa !important; }

/* Badge do nível */
.rec-level-card .levels_title {
  font-size: 0.2600rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  padding: 0.1600rem 0.2400rem 0.1200rem !important;
  margin: 0 !important;
  letter-spacing: 0.0300rem !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.rec-level-card.level1 .levels_title { color: #98CE71 !important; }
.rec-level-card.level2 .levels_title { color: #00f0ff !important; }
.rec-level-card.level3 .levels_title { color: #a78bfa !important; }

/* Esquema de produto dentro do card */
.rec-scheme {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 0.2000rem !important;
  padding: 0.2000rem 0.2400rem !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
}

.rec-scheme:last-child {
  border-bottom: none !important;
}

/* Imagem do produto */
.scheme_img_wrap {
  flex-shrink: 0 !important;
  width: 1.3333rem !important;
  height: 1.3333rem !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-radius: 0.1200rem !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.scheme_img_wrap .scheme_img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Conteúdo textual do produto */
.scheme_content {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.0600rem !important;
}

.scheme_content .scheme_title {
  font-size: 0.2600rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

.scheme_content .scheme_info {
  font-size: 0.2200rem !important;
  font-weight: 400 !important;
  color: #94a3b8 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
}

.scheme_content .scheme_price {
  display: inline-block !important;
  font-size: 0.2200rem !important;
  font-weight: 600 !important;
  color: #00f0ff !important;
  margin-top: 0.0600rem !important;
  background: rgba(0, 240, 255, 0.08) !important;
  padding: 0.0200rem 0.1000rem !important;
  border-radius: 0.2000rem !important;
  border: 1px solid rgba(0, 240, 255, 0.2) !important;
}

/* Seção recomendação — reset de estilos antigos de tabela */
.recommended_scheme table,
.recommended_scheme th,
.recommended_scheme td,
.recommended_scheme thead {
  display: none !important;
}

.recommended_scheme {
  padding: 0.2400rem !important;
}

/* Título da seção Plano de Recomendação */
.recommended_scheme .matter_title {
  display: flex !important;
  align-items: center !important;
  gap: 0.1200rem !important;
  margin-bottom: 0.2000rem !important;
}

.recommended_scheme .matter_title .title3 {
  font-size: 0.3000rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  background: linear-gradient(90deg, #ffffff 30%, #00f0ff 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  margin: 0 !important;
}

.recommended_scheme .icon_w20 {
  width: 0.4000rem !important;
  height: 0.4000rem !important;
  filter: drop-shadow(0 0 4px rgba(0, 240, 255, 0.6)) !important;
}