:root {
  font-size: 100px;
}
.page-body {
  width: 100%;
  min-height: 100vh;
  position: relative;
  background-image: url("/images/bg.png");
  background-position: 50% 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
  user-select: none;
}
.page-body.blur {
  background-image: url("/images/bg2.png");
}
.page-body .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
.page-body .bg-image.blur {
  filter: blur(1.2rem);
}
.page-body .page-inner {
  width: 100vw;
  max-width: 1280px;
  min-width: 768px;
  min-height: 100vh;
  margin: 0 auto;
}
.site-copyright {
  margin-top: 0.4rem;
  margin-bottom: 0.1rem;
  text-align: center;
  font-size: 0.12rem;
  color: #AAAAAA;
}
.retrieve-button {
  position: fixed;
  right: 0.15rem;
  bottom: 0.6rem;
  width: 1.01rem;
  height: 1.01rem;
  background-color: #8663c921;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.retrieve-button .retrieve-button-inner {
  height: 0.78rem;
  width: 0.78rem;
  background-color: #8663C9;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-weight: 600;
  font-size: 0.18rem;
  line-height: 0.2rem;
  cursor: default;
}
.home-page {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home-page .title-row {
  padding-top: 0.9rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-page .title-row .title-row-icon {
  width: 0.6rem;
  height: 0.6rem;
}
.home-page .title-row .title-row-text {
  font-size: 0.54rem;
  color: #744cc2;
}
.home-page .title-row .title-row-eng {
  display: none;
}
.home-page .subtitle-row {
  text-align: center;
  font-size: 0.18rem;
  letter-spacing: 0.08rem;
}
.home-page .selection-row {
  margin-top: 0.8rem;
  height: 3.95rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
}
.home-page .selection-row .selection {
  height: 3.95rem;
  width: 2.4rem;
  border-radius: 0.25rem;
  background-color: #FFF;
  box-shadow: 0 0 0.2rem #e6e6e6;
  display: flex;
  flex-direction: column;
  place-items: center;
  font-size: 0.16rem;
  position: relative;
  user-select: none;
  border: 0.04rem solid transparent;
}
.home-page .selection-row .selection.wide {
  width: 3.45rem;
}
.home-page .selection-row .selection.active {
  border: 0.04rem solid #7e5cc5;
}
.home-page .selection-row .selection.active .selection-icon {
  filter: unset;
}
.home-page .selection-row .selection .recommend {
  position: absolute;
  top: -0.04rem;
  width: 95%;
  height: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #FFF;
  background: url("/images/文本框1.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-size: 0.18rem;
  font-weight: 600;
  letter-spacing: 0.04rem;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.home-page .selection-row .selection .selection-icon {
  margin-top: 0.7rem;
  height: 0.7rem;
  filter: contrast(15%) hue-rotate(290deg);
}
.home-page .selection-row .selection .count-row {
  margin: 0.16rem 0;
  width: 100%;
  display: flex;
  align-items: baseline;
  justify-content: center;
  font-size: 0.26rem;
}
.home-page .selection-row .selection .count-row .count {
  font-size: 0.46rem;
  font-weight: bold;
}
.home-page .selection-row .selection .name-row {
  font-size: 0.26rem;
  font-weight: 500;
}
.home-page .selection-row .selection .test-desc-row {
  margin-top: 0.4rem;
}
.home-page .selection-row .selection .test-row {
  color: #703cd9;
}
.home-page .start-button-row {
  margin-top: 0.6rem;
  display: flex;
  justify-content: center;
}
.home-page .start-button-row .start-button {
  height: 0.85rem;
  width: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #9166cf;
  color: #FFFFFF;
  border-radius: 0.85rem;
  font-size: 0.26rem;
  font-weight: 600;
  letter-spacing: 0.02rem;
  gap: 0.2rem;
  cursor: default;
}
.home-page .start-button-row .start-button .triangle-right {
  width: 0;
  height: 0;
  border-top: 0.09rem solid transparent;
  border-left: 0.12rem solid #FFFFFF;
  border-bottom: 0.09rem solid transparent;
}
.home-page .tab-row {
  margin-top: 0.8rem;
  display: flex;
  justify-content: center;
  gap: 0.2rem;
  cursor: pointer;
}
.home-page .tab-row .tab-item {
  height: 0.7rem;
  padding: 0 0.1rem;
  font-size: 0.16rem;
  line-height: 0.45rem;
}
.home-page .tab-row .tab-item .text-cell {
  height: 50%;
  display: flex;
  align-items: baseline;
}
.home-page .tab-row .tab-item .icon-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 50%;
}
.home-page .tab-row .tab-item .icon-cell .icon {
  margin-top: 0.05rem;
  width: 0.3rem;
  height: 0.15rem;
  background-color: #703cd9;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  display: none;
  flex-direction: column;
  align-items: center;
}
.home-page .tab-row .tab-item .icon-cell .icon .icon-inner {
  width: 0.22rem;
  height: 0.12rem;
  background-color: #FFF;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.home-page .tab-row .tab-item.active .text-cell {
  font-size: 0.32rem;
  line-height: 0.32rem;
  color: #703cd9;
}
.home-page .tab-row .tab-item.active .icon {
  display: flex;
}
.home-page .tab-page {
  margin-top: 0.2rem;
  text-align: center;
}
.home-page .tab-page.hide {
  display: none;
}
.home-page .tab-page .text-line-1 {
  margin-top: 0.7rem;
}
.home-page .tab-page .text-line-2 {
  margin-top: 0.42rem;
}
.home-page .tab-page .block-row {
  margin-top: 0.38rem;
  width: 12.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
}
.home-page .tab-page .block-row .block-body-a {
  flex: 1;
  background-color: #f0ebfa;
  height: 1.25rem;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
}
.home-page .tab-page .block-row .block-body-a .icon-container {
  width: 1.5rem;
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-page .tab-page .block-row .block-body-a .icon-container img {
  height: 0.55rem;
  width: 0.55rem;
  object-fit: contain;
}
.home-page .tab-page .block-row .block-body-a .content-container {
  flex: 1;
  text-align: left;
  font-size: 0.16rem;
}
.home-page .tab-page .block-row .block-body-a .content-container .label-text {
  font-size: 0.24rem;
  color: #703cd9;
}
.home-page .tab-page .block-row .border-text {
  width: 1.78rem;
  height: 0.6rem;
  border: 1px solid #703cd9;
  border-radius: 0.15rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #703cd9;
  font-size: 0.16rem;
}
.home-page .tab-page .block-row .arrow-right {
  color: #703cd9;
  font-size: 0.16rem;
  width: 0.16rem;
}
.home-page .tab-page .block-row .block-body-b {
  flex: 1;
  background-color: #f0ebfa;
  border-radius: 0.25rem;
  height: 2.85rem;
}
.home-page .tab-page .block-row .block-body-b .title {
  height: 0.46rem;
  text-align: left;
  display: flex;
  align-items: center;
  padding-left: 0.3rem;
  font-size: 0.16rem;
  font-weight: 500;
  color: #FFF;
  background: url("/images/文本框2.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.home-page .tab-page .block-row .block-body-b .info-row {
  display: flex;
  align-items: center;
}
.home-page .tab-page .block-row .block-body-b .info-row .label {
  width: 1.7rem;
  text-align: center;
}
.home-page .tab-page .block-row .block-body-b .info-row .content {
  display: flex;
  font-size: 0.14rem;
  margin: 0.17rem 0;
}
.home-page .tab-page .block-row .block-body-b .info-row .content div {
  font-weight: 600;
}
.home-page .tab-page .block-row .block-body-b .info-row .content div + div {
  margin-left: 0.2rem;
}
.home-page .tab-page .block-row .text-block {
  flex: 1;
  text-align: left;
  padding: 0.1rem;
  letter-spacing: 0.01rem;
  line-height: 0.34rem;
  font-size: 0.18rem;
}
.home-page .tab-page .block-row .text-block p {
  font-size: 0.14rem;
}
.home-page .tab-page .time-line {
  display: flex;
  flex-direction: column;
  place-items: center;
}
.home-page .tab-page .time-line .time-line-item {
  width: 11.7rem;
  text-align: left;
  position: relative;
  padding-bottom: 0.4rem;
}
.home-page .tab-page .time-line .time-line-item .line {
  position: absolute;
  height: 100%;
  left: 0.15rem;
  top: 0.15rem;
  border-left: 0.01rem dotted #999999;
}
.home-page .tab-page .time-line .time-line-item .dot-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.3rem;
  width: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-page .tab-page .time-line .time-line-item .dot-container .dot {
  border-radius: 100%;
}
.home-page .tab-page .time-line .time-line-item .dot-container .dot.small {
  width: 0.1rem;
  height: 0.1rem;
  background-color: #8BB9F9;
}
.home-page .tab-page .time-line .time-line-item .dot-container .dot.medium {
  width: 0.16rem;
  height: 0.16rem;
  background-color: #9565D3;
}
.home-page .tab-page .time-line .time-line-item .dot-container .dot.big {
  width: 0.27rem;
  height: 0.27rem;
  background-color: #E33669;
}
.home-page .tab-page .time-line .time-line-item .title {
  margin-left: 0.7rem;
  font-size: 0.26rem;
  font-weight: 500;
  height: 0.4rem;
}
.home-page .tab-page .time-line .time-line-item .content {
  margin-left: 0.7rem;
  font-size: 0.2rem;
}
.home-page .tab-page .gray-text-container {
  display: flex;
  flex-direction: column;
  place-items: center;
}
.home-page .tab-page .gray-text-container .gray-text {
  width: 9rem;
  height: 1.96rem;
  background: #F7F7F7;
  border-radius: 0.1rem;
  padding: 0.3rem;
  place-items: left;
}
.home-page .tab-page .gray-text-container .gray-text .gray-text-line {
  color: #313131;
  font-size: 0.2rem;
  line-height: 0.46rem;
  text-align: left;
  display: flex;
  align-items: center;
}
.home-page .tab-page .gray-text-container .gray-text .gray-text-line .slash {
  color: #DCDCDC;
}
.home-page .site-copyright {
  font-size: 0.16rem;
}
.retrieve-page {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.retrieve-page .logo {
  padding-top: 0.9rem;
  width: 0.6rem;
  height: 1.5rem;
  object-fit: contain;
}
.retrieve-page .page-title {
  margin-top: 0.25rem;
  font-size: 0.32rem;
  color: #202020;
  font-weight: 600;
}
.retrieve-page .search-row {
  margin-top: 0.57rem;
  width: 7.8rem;
  height: 0.6rem;
  display: flex;
}
.retrieve-page .search-row .input {
  height: 100%;
  width: calc(100% - 1.2rem);
  border-top-left-radius: 0.1rem;
  border-bottom-left-radius: 0.1rem;
  border-width: 0;
  font-size: 0.16rem;
  padding: 0 0.2rem;
}
.retrieve-page .search-row .input::placeholder {
  color: #A4A4A4;
}
.retrieve-page .search-row .button {
  width: 1.2rem;
  border: unset;
  border-top-right-radius: 0.1rem;
  border-bottom-right-radius: 0.1rem;
  background-color: #725ECF;
  color: #FFF;
  font-size: 0.16rem;
  cursor: default;
}
.retrieve-page .content-row {
  margin-top: 0.6rem;
  height: 4.9rem;
  width: 8.68rem;
  display: flex;
  gap: 0.1rem;
}
.retrieve-page .content-row .left-col {
  height: 100%;
  width: 5.84rem;
  background-color: #FFF;
  border-radius: 0.2rem;
  box-shadow: 0 0 0.51rem 0 #3c3c3c26;
  padding: 0.36rem;
}
.retrieve-page .content-row .left-col .title {
  font-size: 0.2rem;
  font-weight: 600;
  color: #424242;
}
.retrieve-page .content-row .left-col .time-line {
  margin-top: 0.2rem;
}
.retrieve-page .content-row .left-col .time-line .time-line-item {
  position: relative;
}
.retrieve-page .content-row .left-col .time-line .time-line-item .dot {
  position: absolute;
  top: 0.125rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100%;
  background-color: #9B8BE5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.retrieve-page .content-row .left-col .time-line .time-line-item .line {
  position: absolute;
  left: 0.25rem;
  top: 0.375rem;
  height: 100%;
  border-left: 0.02rem dotted #444444;
}
.retrieve-page .content-row .left-col .time-line .time-line-item .number {
  margin-left: 1.05rem;
  margin-bottom: -0.2rem;
}
.retrieve-page .content-row .left-col .time-line .time-line-item .label {
  margin-left: 1rem;
  font-size: 0.18rem;
  font-weight: 600;
  color: #292929;
  line-height: 0.3rem;
}
.retrieve-page .content-row .left-col .time-line .time-line-item .content {
  margin-left: 1rem;
  font-size: 0.16rem;
  color: #444444;
  line-height: 0.27rem;
  margin-bottom: 0.2rem;
}
.retrieve-page .content-row .right-col {
  width: 2.75rem;
  height: 100%;
  background-color: #FFF;
  border-radius: 0.2rem;
  box-shadow: 0 0 0.51rem 0 #3c3c3c26;
}
.retrieve-page .content-row .right-col img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.retrieve-page .dialog {
  z-index: -1;
  position: fixed;
  height: 100vh;
  width: 100vw;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: #0000002d;
}
.retrieve-page .dialog.active {
  display: flex;
  z-index: 1;
}
.retrieve-page .dialog .dialog-body {
  width: 4rem;
  height: 2rem;
  background-color: #FFFFFF;
  box-shadow: 0 0 0.51rem 0 #3c3c3c26;
  border-radius: 0.2rem;
  padding: 0.3rem;
  position: relative;
}
.retrieve-page .dialog .dialog-body .dialog-content {
  font-size: 0.18rem;
}
.retrieve-page .dialog .dialog-body .dialog-button {
  position: absolute;
  bottom: 0.3rem;
  width: calc(100% - 0.6rem);
  height: 0.4rem;
  border-radius: 0.1rem;
  border: unset;
  background-color: #7AA5FF;
  color: #FFF;
  font-weight: 600;
  font-size: 0.16rem;
}
.retrieve-page .dialog .dialog-body .dialog-button:hover {
  background-color: #6294ff;
}
.retrieve-page .dialog .dialog-body .dialog-button:active {
  background-color: #3474ff;
}
.question-page {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.question-page .title {
  padding-top: 0.7rem;
  font-size: 0.35rem;
  font-weight: 600;
}
.question-page .subtitle {
  font-size: 0.14rem;
  margin-top: 0.23rem;
}
.question-page .section-row {
  margin-top: 0.23rem;
  width: 7.8rem;
  height: 0.7rem;
  border-radius: 0.1rem;
  display: flex;
  overflow: hidden;
  background-color: #FFFFFF;
  display: none;
}
.question-page .section-row .section {
  flex: 1;
  display: flex;
  align-items: center;
  color: #BEBEBE;
  position: relative;
  /* clip-path: polygon(0 0, calc(100% - 0.35rem) 0, 100% 50%, calc(100% - 0.35rem) 100%, 0 100%); */
}
.question-page .section-row .section .left-col {
  display: flex;
  align-items: center;
}
.question-page .section-row .section::after {
  content: "";
  border-top: 0.35rem solid transparent;
  border-bottom: 0.35rem solid transparent;
  border-left: 0.35rem solid #FFFFFF;
  border-right: 0.35rem solid transparent;
  position: absolute;
  right: -0.69rem;
  z-index: 1;
}
.question-page .section-row .section.active {
  background-color: #7AA5FF;
  color: #FFFFFF;
}
.question-page .section-row .section.active::after {
  border-left-color: #7AA5FF;
}
.question-page .section-row .section .number {
  font-size: 0.4rem;
  font-weight: bold;
  margin-left: 0.4rem;
}
.question-page .section-row .section .name {
  font-size: 0.16rem;
  margin-left: 0.05rem;
}
.question-page .section-row .section .count {
  font-size: 0.16rem;
  margin-left: 0.05rem;
}
.question-page .section-row .section .arrow-right {
  display: none;
}
.question-page .progress-bar {
  margin-top: 0.2rem;
  width: 7.8rem;
  height: 0.17rem;
  border-radius: 0.09rem;
  background-color: #ffffff4d;
  position: relative;
  overflow: hidden;
}
.question-page .progress-bar .progress-inner {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: linear-gradient(90deg, #9465D2 0%, #7AA5FF 100%);
  z-index: 1;
  border-radius: 0.09rem;
  transition: width 0.3s;
}
.question-page .question-block {
  margin-top: 0.2rem;
  width: 8.68rem;
  padding: 0.4rem;
  background-color: #FFFFFF;
  border-radius: 0.2rem;
  box-shadow: 0 0 0.51rem 0 #3c3c3c26;
  display: none;
}
.question-page .question-block .question-row {
  display: flex;
  align-items: center;
}
.question-page .question-block .question-row .question {
  flex: 1;
  font-size: 0.24rem;
  font-weight: 600;
  text-wrap: wrap;
}
.question-page .question-block .question-row .detail-button {
  width: 0.26rem;
  height: 0.26rem;
  border-radius: 100%;
  background-color: #a98df133;
  display: flex;
  align-items: center;
  justify-content: center;
}
.question-page .question-block .detail-row {
  margin-top: 0.2rem;
  color: #9B9B9B;
  font-size: 0.12rem;
  line-height: 0.19rem;
  white-space: pre-wrap;
}
.question-page .question-block .button-row {
  margin-top: 0.2rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.question-page .question-block .button-row .question-button {
  width: 100%;
  height: 0.8rem;
  border-radius: 0.1rem;
  overflow: hidden;
  position: relative;
}
.question-page .question-block .button-row .question-button .white-bg {
  background-color: #EEEEEE;
  position: relative;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.question-page .question-block .button-row .question-button .active-bg {
  background-color: #A98DF1;
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  transition: unset;
  z-index: 1;
}
.question-page .question-block .button-row .question-button .option-text {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  padding: 0.24rem;
  color: #717171;
  z-index: 2;
  transition: unset;
}
.question-page .question-block .button-row .question-button.active .active-bg {
  transition: left 0.3s;
  left: 0;
}
.question-page .question-block .button-row .question-button.active .option-text {
  transition: color 0.3s;
  color: #FFF;
}
.question-page .question-block .nav-row {
  margin-top: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.question-page .question-block .nav-row .nav-button {
  display: flex;
  align-items: center;
  gap: 0.05rem;
  font-size: 0.16rem;
  color: #9065D0;
  cursor: pointer;
}
.question-page .question-block .nav-row .nav-button div {
  font-weight: 600;
}
.question-page .question-block .nav-row .nav-button .arrow-icon {
  width: 0.24rem;
  height: 0.24rem;
  fill: #9065D0;
}
.question-page .final-question-block {
  margin-top: 0.2rem;
  width: 8.68rem;
  padding: 0 0.45rem 0.4rem 0.45rem;
  background-color: #FFFFFF;
  border-radius: 0.2rem;
  box-shadow: 0 0 0.51rem 0 #3c3c3c26;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  display: none;
}
.question-page .final-question-block .final-question-tip {
  margin-top: -0.1rem;
  height: 0.47rem;
  padding: 0.1rem 0.2rem;
  background-color: #8663C9;
  color: #FFF;
  border-radius: 0.5rem;
  font-size: 0.16rem;
  line-height: 0.35rem;
}
.question-page .final-question-block .question-row {
  margin-top: 0.27rem;
  font-size: 0.24rem;
  font-weight: 600;
  color: #424242;
}
.question-page .final-question-block .option-row {
  display: flex;
  align-items: stretch;
  width: 100%;
  gap: 0.2rem;
  margin-top: 0.2rem;
}
.question-page .final-question-block .option-row .option-item {
  flex: 1;
  border-radius: 0.1rem;
  padding: 0.22rem;
  position: relative;
}
.question-page .final-question-block .option-row .option-item .mark-letter-bg {
  position: absolute;
  font-size: 1.2rem;
  font-weight: 600;
  top: 0;
  left: 0;
  line-height: 0.7rem;
}
.question-page .final-question-block .option-row .option-item .mark-letter {
  font-size: 0.32rem;
  font-weight: 600;
  line-height: 0.2rem;
}
.question-page .final-question-block .option-row .option-item .mark-letter + .option-content {
  margin-top: 0.1rem;
}
.question-page .final-question-block .option-row .option-item .option-content {
  font-size: 0.16rem;
  color: #4D4D4D;
}
.question-page .final-question-block .option-row .option-item .option-content + .option-content {
  margin-top: 0.16rem;
}
.question-page .final-question-block .option-row .option-item.item-0 {
  background-color: #bca1ff1a;
}
.question-page .final-question-block .option-row .option-item.item-0 .mark-letter-bg {
  color: #8556FF1a;
}
.question-page .final-question-block .option-row .option-item.item-0 .mark-letter {
  color: #8556FF;
}
.question-page .final-question-block .option-row .option-item.item-1 {
  background-color: #FFB7D01a;
}
.question-page .final-question-block .option-row .option-item.item-1 .mark-letter-bg {
  color: #FF56561a;
}
.question-page .final-question-block .option-row .option-item.item-1 .mark-letter {
  color: #FF565E;
}
.question-page .final-question-block .button-row {
  margin-top: 0.16rem;
  display: flex;
  justify-content: space-between;
  gap: 0.35rem;
  width: 100%;
}
.question-page .final-question-block .button-row .final-question-button {
  flex: 1;
  height: 0.56rem;
  border-radius: 0.1rem;
  background-color: #EBE8F5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.16rem;
  color: #4F4F4F;
  font-weight: 600;
}
.question-page .final-question-block .button-row .final-question-button.active-0 {
  color: #FFF;
  background-color: #BCA1FF;
}
.question-page .final-question-block .button-row .final-question-button.active-1 {
  color: #FFF;
  background-color: #ff8b91;
}
.question-page .final-question-block .nav-row {
  margin-top: 0.2rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.question-page .final-question-block .nav-row .nav-button {
  display: flex;
  align-items: center;
  gap: 0.05rem;
  font-size: 0.16rem;
  color: #9065D0;
  cursor: pointer;
}
.question-page .final-question-block .nav-row .nav-button div {
  font-weight: 600;
}
.question-page .final-question-block .nav-row .nav-button .arrow-icon {
  width: 0.24rem;
  height: 0.24rem;
  fill: #9065D0;
}
.question-page .nav-row .nav-button.previous-button {
  position: absolute;
  left: 0;
}
.question-page .nav-row .nav-button.next-button {
  position: absolute;
  right: 0;
}
.question-page .nav-row .nav-button.final-button {
  position: absolute;
  right: 0;
}
.question-page .final-question-block .submit-row {
  margin-top: 0.2rem;
}
.question-page .final-question-block .submit-row .submit-button {
  width: 2.24rem;
  height: 0.63rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  background-color: #8663C9;
  border-radius: 0.63rem;
  color: #FFF;
  font-size: 0.2rem;
  font-weight: 600;
}
.question-page .final-question-block .submit-row .submit-button .triangle-right {
  width: 0;
  height: 0;
  border-top: 0.09rem solid transparent;
  border-left: 0.12rem solid #FFFFFF;
  border-bottom: 0.09rem solid transparent;
}
.question-page .desc-block {
  margin-top: 0.2rem;
}
.question-page .desc-block .desc-title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.question-page .desc-block .desc-title .double-dot {
  display: flex;
}
.question-page .desc-block .desc-title .double-dot .small-dot {
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 100%;
}
.question-page .desc-block .desc-title .double-dot .small-dot.red {
  background-color: #F95577;
}
.question-page .desc-block .desc-title .double-dot .small-dot.violet {
  background-color: #8663C9;
}
.question-page .desc-block .desc-title .desc-title-text {
  margin: 0 0.1rem;
  font-size: 0.16rem;
  color: #2D2D2D;
}
.question-page .desc-block .desc-content-row {
  margin-top: 0.18rem;
  height: 0.9rem;
  display: flex;
  gap: 0.16rem;
}
.question-page .desc-block .desc-content-row .desc-content-cell {
  flex: 1;
  height: 100%;
  width: 2.52rem;
  padding: 0.1rem 0.5rem;
  background-color: #F2F2F2;
  border-radius: 0.1rem;
}
.question-page .desc-block .desc-content-row .desc-content-cell li {
  font-size: 0.14rem;
  color: #3B3B3B;
}
.question-page .desc-block .desc-comment {
  margin-top: 0.2rem;
  font-size: 0.14rem;
  color: #3B3B3B;
}
.result-page {
  display: flex;
  justify-content: center;
  gap: 0.2rem;
  padding-top: 0.5rem;
}
.result-page .result-inner {
  width: 8.28rem;
  padding: 0.32rem 0.2rem;
  border-radius: 0.2rem;
  background-color: #FFFFFF;
  font-size: 0.16rem;
  color: #3B3B3B;
  position: relative;
}
.result-page .result-inner .loading-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.2rem;
  background-color: #00000048;
  backdrop-filter: blur(0.1rem);
  z-index: 999;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 2rem;
  font-size: 0.36rem;
  color: #FFF;
}
.result-page .result-inner .page-title {
  font-size: 0.26rem;
  font-weight: 600;
}
.result-page .result-inner .report-time {
  font-size: 0.16rem;
}
.result-page .result-inner .summary-block {
  margin-top: 0.27rem;
  display: flex;
  align-items: stretch;
  gap: 0.2rem;
}
.result-page .result-inner .summary-block .result-col {
  flex: 1.1;
  display: flex;
  align-items: stretch;
}
.result-page .result-inner .summary-block .result-col .figure-image {
  height: 2.63rem;
  width: 2.63rem;
}
.result-page .result-inner .summary-block .result-col .figure-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.result-page .result-inner .summary-block .result-col .type-col {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.result-page .result-inner .summary-block .result-col .type-col .label {
  color: #676767;
}
.result-page .result-inner .summary-block .result-col .type-col .type-text {
  font-size: 0.52rem;
  color: #1F1F1F;
  font-weight: 600;
  line-height: 0.6rem;
}
.result-page .result-inner .summary-block .result-col .type-col .type-desc {
  font-size: 0.26rem;
  color: #7277FC;
  font-weight: 600;
}
.result-page .result-inner .summary-block .data-col {
  flex: 0.9;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.result-page .result-inner .summary-block .data-col .data-title {
  font-size: 0.2rem;
  font-weight: 600;
  color: #303030;
}
.result-page .result-inner .summary-block .data-col .progress-row {
  display: flex;
  align-items: center;
  margin-top: 0.2rem;
}
.result-page .result-inner .summary-block .data-col .progress-row .label {
  color: #303030;
  width: 0.9rem;
  font-size: 0.12rem;
}
.result-page .result-inner .summary-block .data-col .progress-row .progress {
  flex: 1;
  margin-right: 0.1rem;
  position: relative;
  height: 0.1rem;
  border-radius: 0.1rem;
  background-color: #E5E5E5;
}
.result-page .result-inner .summary-block .data-col .progress-row .progress .progress-inner {
  position: absolute;
  top: 0;
  height: 100%;
  width: 10%;
  border-radius: 0.1rem;
}
.result-page .result-inner .summary-block .data-col .progress-row .progress .progress-inner .value {
  position: absolute;
  font-size: 0.14rem;
  top: -0.2rem;
  left: 0;
  width: 100%;
  text-align: center;
}
.result-page .result-inner .summary-block .data-col .progress-row .progress .progress-inner.color-1 {
  background-color: #8556FF;
}
.result-page .result-inner .summary-block .data-col .progress-row .progress .progress-inner.color-2 {
  background-color: #61B0FF;
}
.result-page .result-inner .summary-block .data-col .progress-row .progress .progress-inner.color-3 {
  background-color: #FFA478;
}
.result-page .result-inner .summary-block .data-col .progress-row .progress .progress-inner.color-4 {
  background-color: #3BCA7E;
}
.result-page .result-inner .separate-line {
  width: 100%;
  border-top: 0.01rem solid #DCDCDC;
  margin-top: 0.22rem;
}
.result-page .result-inner .separate-line.mobile-only {
  display: none;
}
.result-page .result-inner .section-title {
  margin-top: 0.3rem;
  display: flex;
  align-items: end;
  gap: 0.14rem;
}
.result-page .result-inner .section-title .text-col {
  width: fit-content;
  min-width: 2rem;
  position: relative;
}
.result-page .result-inner .section-title .text-col .text-eng {
  font-size: 0.12rem;
  color: #303030;
  position: relative;
  z-index: 1;
}
.result-page .result-inner .section-title .text-col .text-chn {
  font-size: 0.2rem;
  color: #2E2E2E;
  position: relative;
  font-weight: 600;
  z-index: 1;
}
.result-page .result-inner .section-title .text-col .shadow-block {
  position: absolute;
  width: 100%;
  height: 0.1rem;
  left: 0;
  bottom: 0;
  background-color: #F1F2FF;
  z-index: 0;
}
.result-page .result-inner .section-title .dot-line {
  flex: 1;
  border-top: 0.01rem dotted #7f7f7f8c;
}
.result-page .result-inner .type-detail-block {
  margin-top: 0.3rem;
  color: #383838;
  line-height: 0.3rem;
  white-space: pre-wrap;
}
.result-page .result-inner .type-analyze-block {
  margin-top: 0.3rem;
  display: flex;
  justify-content: space-between;
}
.result-page .result-inner .type-analyze-block .analyze {
  width: 1.74rem;
  height: 1.8rem;
  position: relative;
  border-bottom-right-radius: 0.9rem;
  border-width: 0.01rem;
  border-style: solid;
  overflow: hidden;
  padding: 0.12rem;
  display: flex;
  align-items: center;
}
.result-page .result-inner .type-analyze-block .analyze.color-1 {
  background-color: #bca1ff7a;
  border-color: #8556FF;
}
.result-page .result-inner .type-analyze-block .analyze.color-1 .shadow-letter {
  color: #8656ff2d;
}
.result-page .result-inner .type-analyze-block .analyze.color-1 .letter {
  color: #8556FF;
}
.result-page .result-inner .type-analyze-block .analyze.color-2 {
  background-color: #FFB7D07a;
  border-color: #FE89B3;
}
.result-page .result-inner .type-analyze-block .analyze.color-2 .shadow-letter {
  color: #F988B02d;
}
.result-page .result-inner .type-analyze-block .analyze.color-2 .letter {
  color: #FF6868;
}
.result-page .result-inner .type-analyze-block .analyze .shadow-letter {
  font-size: 2.17rem;
  font-weight: 600;
  font-style: italic;
  line-height: 1.2rem;
  position: absolute;
  top: 0;
  left: -0.03rem;
  z-index: 0;
}
.result-page .result-inner .type-analyze-block .analyze .letter {
  font-size: 0.76rem;
  font-style: italic;
  font-weight: 600;
  line-height: 0.43rem;
  position: absolute;
  top: 0.1rem;
  z-index: 1;
}
.result-page .result-inner .type-analyze-block .analyze .comment {
  color: #454545;
  font-size: 0.16rem;
  position: relative;
  z-index: 2;
}
.result-page .result-inner .type-analyze-block .analyze .number {
  position: absolute;
  bottom: 0;
  left: 50%;
  font-size: 0.4rem;
  color: #FFFFFF;
  font-style: italic;
  z-index: 1;
}
.result-page .result-inner .population-block {
  margin-top: 0.2rem;
}
.result-page .result-inner .population-block .desc-title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.result-page .result-inner .population-block .desc-title .double-dot {
  display: flex;
}
.result-page .result-inner .population-block .desc-title .double-dot .small-dot {
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 100%;
}
.result-page .result-inner .population-block .desc-title .double-dot .small-dot.red {
  background-color: #F95577;
}
.result-page .result-inner .population-block .desc-title .double-dot .small-dot.violet {
  background-color: #8663C9;
}
.result-page .result-inner .population-block .desc-title .desc-title-text {
  margin: 0 0.1rem;
  font-size: 0.2rem;
  font-weight: 900;
  color: #8556FF;
  text-align: center;
}
.result-page .result-inner .population-block .percentage-row {
  margin-top: 0.3rem;
  display: flex;
  gap: 0.27rem;
}
.result-page .result-inner .population-block .percentage-row .percentage-container {
  width: 2.45rem;
  height: 1.2rem;
  background-color: #FFFFFF;
  border-radius: 0.3rem;
  box-shadow: 0 0 0.16rem 0 #3c3c3c26;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.22rem;
}
.result-page .result-inner .population-block .percentage-row .percentage-container .el-progress--circle {
  width: 0.82rem;
  height: 0.82rem;
}
.result-page .result-inner .population-block .percentage-row .percentage-container .svg-progress-circle {
  width: 0.82rem;
  height: 0.82rem;
  transform: rotate(-90deg);
}
.result-page .result-inner .population-block .percentage-row .percentage-container .svg-progress-circle circle {
  cx: 0.41rem;
  cy: 0.41rem;
  r: 0.35rem;
  fill: none;
  stroke-width: 0.1rem;
}
.result-page .result-inner .population-block .percentage-row .percentage-container .text-col {
  width: 0.82rem;
}
.result-page .result-inner .population-block .percentage-row .percentage-container .text-col .label {
  font-size: 0.16rem;
  color: #434343;
}
.result-page .result-inner .population-block .percentage-row .percentage-container .text-col .value {
  font-size: 0.2rem;
  font-weight: 600;
  color: #434343;
}
.result-page .result-inner .wall-of-fame {
  margin-top: 0.2rem;
  display: flex;
  align-items: center;
}
.result-page .result-inner .wall-of-fame .photo-wall {
  width: 4rem;
  height: 2.44rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.result-page .result-inner .wall-of-fame .photo-wall .photo {
  position: relative;
  border-radius: 0.3rem;
  overflow: hidden;
  width: 1.9rem;
  height: 2.44rem;
}
.result-page .result-inner .wall-of-fame .photo-wall .photo img {
  width: 100%;
  height: 100%;
}
.result-page .result-inner .wall-of-fame .photo-wall .photo .name {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0.3rem;
  font-size: 0.12rem;
  font-weight: 600;
  height: 0.28rem;
  padding: 0 0.2rem;
  background-color: #8556FF;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-right-radius: 0.14rem;
  border-bottom-right-radius: 0.14rem;
}
.result-page .result-inner .wall-of-fame .name-list {
  width: 3.4rem;
  margin-left: 0.37rem;
  font-size: 0.16rem;
  color: #2E2E2E;
  line-height: 0.37rem;
  word-spacing: 0.2rem;
}
.result-page .result-inner .values-block {
  margin-top: 0.2rem;
  font-size: 0.16rem;
  color: #383838;
  line-height: 0.29rem;
  white-space: pre-wrap;
  word-break: break-all;
}
.result-page .result-inner .personality-block .personality-title {
  margin-top: 0.2rem;
  text-align: center;
  font-size: 0.28rem;
  font-weight: bold;
  font-style: italic;
}
.result-page .result-inner .personality-block .personality-title.color-1 {
  color: #8556FF;
}
.result-page .result-inner .personality-block .personality-title.color-2 {
  color: #7C7C7C;
}
.result-page .result-inner .personality-block .personality-grid {
  margin-top: 0.2rem;
  display: grid;
  gap: 0.2rem;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 2rem;
}
.result-page .result-inner .personality-block .personality-grid .personality {
  width: 3.8rem;
  height: 2rem;
  border-radius: 0.2rem;
  overflow: hidden;
  display: flex;
}
.result-page .result-inner .personality-block .personality-grid .personality .side-bar {
  width: 0.1rem;
  min-width: 0.1rem;
  height: 100%;
}
.result-page .result-inner .personality-block .personality-grid .personality .icon-col {
  margin-top: 0.22rem;
  width: 0.75rem;
  min-width: 0.75rem;
  display: flex;
  justify-content: center;
}
.result-page .result-inner .personality-block .personality-grid .personality .icon-col img {
  width: 0.4rem;
  height: 0.4rem;
  object-fit: contain;
}
.result-page .result-inner .personality-block .personality-grid .personality .text-col {
  margin-top: 0.16rem;
  margin-right: 0.14rem;
  flex: 1;
}
.result-page .result-inner .personality-block .personality-grid .personality .text-col .label {
  font-size: 0.2rem;
  color: #313131;
  font-weight: 600;
}
.result-page .result-inner .personality-block .personality-grid .personality .text-col .content {
  font-size: 0.14rem;
  line-height: 1.3;
  color: #313131;
}
.result-page .result-inner .personality-block .personality-grid .personality.color-1 {
  background-color: #F4F4FF;
}
.result-page .result-inner .personality-block .personality-grid .personality.color-1 .side-bar {
  background-color: #CACDFE;
}
.result-page .result-inner .personality-block .personality-grid .personality.color-2 {
  background-color: #EFF7FF;
}
.result-page .result-inner .personality-block .personality-grid .personality.color-2 .side-bar {
  background-color: #BCE0FE;
}
.result-page .result-inner .personality-block .personality-grid .personality.color-3 {
  background-color: #F8F8F8;
}
.result-page .result-inner .personality-block .personality-grid .personality.color-3 .side-bar {
  background-color: #CCCCCC;
}
.result-page .result-inner .suggestion-block {
  margin-top: 0.2rem;
}
.result-page .result-inner .suggestion-block .suggestion {
  position: relative;
  height: fit-content;
}
.result-page .result-inner .suggestion-block .suggestion .line {
  position: absolute;
  height: 100%;
  border-left: 0.01rem dotted #575757;
  top: 0.18rem;
  left: 0.18rem;
}
.result-page .result-inner .suggestion-block .suggestion .label {
  min-width: 1.5rem;
  width: fit-content;
  height: 0.36rem;
  padding: 0 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-size: 0.18rem;
  font-weight: 600;
  border-radius: 0.36rem;
  position: relative;
}
.result-page .result-inner .suggestion-block .suggestion .label.color-1 {
  background-color: #8556FF;
}
.result-page .result-inner .suggestion-block .suggestion .label.color-2 {
  background-color: #FE89B3;
}
.result-page .result-inner .suggestion-block .suggestion .label.color-3 {
  background-color: #61B0FF;
}
.result-page .result-inner .suggestion-block .suggestion .label.color-4 {
  background-color: #19CB6D;
}
.result-page .result-inner .suggestion-block .suggestion .label.color-5 {
  background-color: #FF5959;
}
.result-page .result-inner .suggestion-block .suggestion .content {
  margin-left: 0.35rem;
  margin-top: 0.17rem;
  padding-bottom: 0.4rem;
  font-size: 0.16rem;
  color: #353535;
  position: relative;
}
.result-page .result-inner .eight-dim-block {
  margin-top: 0.4rem;
}
.result-page .result-inner .eight-dim-block .eight-dim {
  position: relative;
  padding-left: 0.9rem;
  color: #2E2E2E;
}
.result-page .result-inner .eight-dim-block .eight-dim .marker {
  width: 0.66rem;
  height: 0.66rem;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.28rem;
  font-weight: 600;
  color: #FFFFFF;
  border-radius: 100%;
}
.result-page .result-inner .eight-dim-block .eight-dim .marker.color-1 {
  background-color: #8BCAFF;
}
.result-page .result-inner .eight-dim-block .eight-dim .marker.color-2 {
  background-color: #FE89B3;
}
.result-page .result-inner .eight-dim-block .eight-dim .marker.color-3 {
  background-color: #8556FF;
}
.result-page .result-inner .eight-dim-block .eight-dim .marker.color-4 {
  background-color: #19CB6D;
}
.result-page .result-inner .eight-dim-block .eight-dim .title {
  font-size: 0.2rem;
  font-weight: 600;
}
.result-page .result-inner .eight-dim-block .eight-dim .subtitle {
  font-size: 0.16rem;
}
.result-page .result-inner .eight-dim-block .eight-dim .content {
  font-size: 0.14rem;
  margin-top: 0.23rem;
  margin-bottom: 0.5rem;
  white-space: pre-wrap;
  word-break: break-all;
  line-height: 0.25rem;
}
.result-page .result-inner .eight-dim-block .eight-dim .content strong {
  font-weight: bold;
}
.result-page .result-inner .in-work-total-block {
  margin-top: 0.4rem;
}
.result-page .result-inner .in-work-block {
  margin-top: 0.4rem;
  width: 100%;
  padding: 0.32rem 0.17rem 0.7rem 0.17rem;
  background-color: #f3eeff;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 1.19rem;
  color: #2E2E2E;
  font-size: 0.14rem;
  white-space: pre-wrap;
  line-height: 1.8;
  position: relative;
}
.result-page .result-inner .in-work-block img {
  position: absolute;
  width: 1rem;
  height: 1rem;
  bottom: 0;
  right: 0;
}
.result-page .result-inner .in-work-sub-block {
  margin-top: 0.2rem;
  padding: 0.74rem 0.17rem 0.28rem 0.17rem;
  border-radius: 0.2rem;
  position: relative;
}
.result-page .result-inner .in-work-sub-block .label {
  width: 1.6rem;
  height: 0.7rem;
  color: #FFFFFF;
  font-size: 0.18rem;
  font-weight: 600;
  position: absolute;
  top: -0.1rem;
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 0.15rem 0 0 0.18rem;
  display: flex;
}
.result-page .result-inner .in-work-sub-block .content {
  font-size: 0.14rem;
  line-height: 0.26rem;
  color: #2E2E2E;
}
.result-page .result-inner .in-work-sub-block.color-1 {
  background-color: #e1f0ff96;
}
.result-page .result-inner .in-work-sub-block.color-1 .label {
  background-image: url("/images/文本框3.png");
}
.result-page .result-inner .in-work-sub-block.color-2 {
  background-color: #d0f2e896;
}
.result-page .result-inner .in-work-sub-block.color-2 .label {
  width: 1.8rem;
  background-image: url("/images/文本框4.png");
}
.result-page .result-inner .work-core-block {
  margin-top: 0.2rem;
  font-size: 0.14rem;
  color: #2E2E2E;
  line-height: 0.26rem;
}
.result-page .result-inner .work-env-block {
  margin-top: 0.2rem;
  font-size: 0.14rem;
  color: #2E2E2E;
  line-height: 0.26rem;
  display: grid;
  grid-auto-flow: column;
  column-gap: 0.6rem;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 0.46rem auto;
}
.result-page .result-inner .work-env-block .label {
  font-size: 0.2rem;
  color: #8556FF;
  font-weight: 600;
}
.result-page .result-inner .work-suggestion-block {
  margin-top: 0.4rem;
  font-size: 0.14rem;
  color: #2E2E2E;
  line-height: 0.26rem;
  display: grid;
  gap: 0.2rem;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: fit-content;
  color: #2E2E2E;
}
.result-page .result-inner .work-suggestion-block .work-suggestion {
  background-color: #F7F4FF;
  padding: 0.17rem 0.1rem;
}
.result-page .result-inner .work-suggestion-block .work-suggestion .text-container {
  height: fit-content;
}
.result-page .result-inner .work-suggestion-block .work-suggestion .text-container .label {
  font-size: 0.18rem;
  font-weight: 600;
}
.result-page .result-inner .work-suggestion-block .work-suggestion .text-container .content {
  margin-top: 0.2rem;
}
.result-page .result-inner .work-suggestion-block .work-suggestion .tag-container {
  margin-top: 0.2rem;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 0.1rem;
}
.result-page .result-inner .work-suggestion-block .work-suggestion .tag-container .tag {
  padding: 0.05rem 0.2rem;
  background-color: #EAE2FF;
  border-radius: 0.36rem;
}
.result-page .result-inner .work-suggestion-carousel {
  display: none;
}
.result-page .result-inner .work-trick-block {
  margin-top: 0.2rem;
  font-size: 0.14rem;
  color: #2E2E2E;
  line-height: 0.26rem;
}
.result-page .result-inner .work-trick-list {
  margin-top: 0.2rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.2rem;
}
.result-page .result-inner .work-trick-list .work-trick {
  border: 1px solid #B5B5B5;
}
.result-page .result-inner .work-trick-list .work-trick .label {
  height: 1.3rem;
  background-color: #7E65BF;
  color: #FFFFFF;
  font-size: 0.16rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.1rem;
  white-space: pre-wrap;
  word-break: break-all;
}
.result-page .result-inner .work-trick-list .work-trick .content {
  padding: 0.1rem;
  font-size: 0.14rem;
  white-space: pre-wrap;
  word-break: break-all;
}
.result-page .result-inner .love-status-block {
  margin-top: 0.2rem;
  font-size: 0.14rem;
  color: #2E2E2E;
  line-height: 0.26rem;
}
.result-page .result-inner .love-stage-list {
  margin-top: 0.2rem;
  font-size: 0.16rem;
  color: #454545;
  line-height: 0.24rem;
}
.result-page .result-inner .love-stage-list .love-stage {
  position: relative;
  padding: 0.22rem 1.48rem 0.35rem 2.18rem;
}
.result-page .result-inner .love-stage-list .love-stage .line {
  position: absolute;
  height: 100%;
  border-left: 1px dashed #454545;
  left: 1.44rem;
  top: 0.49rem;
}
.result-page .result-inner .love-stage-list .love-stage .label-container {
  position: absolute;
  top: 0;
  left: 0.94rem;
  width: 0.98rem;
  height: 0.98rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 1px dashed #FF5959;
}
.result-page .result-inner .love-stage-list .love-stage .label-container .label {
  width: 0.84rem;
  height: 0.84rem;
  border-radius: 100%;
  background-color: #FF5959;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  word-break: break-all;
  font-size: 0.16rem;
  font-weight: 600;
  text-align: center;
  white-space: pre-wrap;
}
.result-page .result-inner .love-stage-list .love-stage .content {
  white-space: pre-wrap;
}
.result-page .result-inner .best-lover-block {
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  display: flex;
  justify-content: space-between;
}
.result-page .result-inner .best-lover-block .best-lover {
  width: 2.5rem;
  height: 1.24rem;
  border-radius: 0.2rem;
  background-color: #F7F4FF;
  display: flex;
  align-items: center;
  padding: 0 0.3rem;
}
.result-page .result-inner .best-lover-block .best-lover .figure {
  width: 1rem;
  height: 1rem;
}
.result-page .result-inner .best-lover-block .best-lover .figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.result-page .result-inner .best-lover-block .best-lover .text {
  font-size: 0.2rem;
}
.result-page .result-inner .best-lover-block .best-lover .text .code {
  font-weight: 600;
  color: #8166C6;
}
.result-page .result-inner .best-lover-block .best-lover .text .name {
  font-weight: 600;
  color: #494949;
}
.result-page .block {
  position: relative;
}
.result-page .block .block-mask {
  position: absolute;
  top: -0.2rem;
  left: -0.2rem;
  width: calc(100% + 0.4rem);
  height: calc(100% + 0.4rem);
  backdrop-filter: blur(5px);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}
.result-page .block .block-mask .block-mask-button {
  width: 3.62rem;
  height: 1.3rem;
  border-radius: 1.3rem;
  background-image: radial-gradient(circle at -80% 300%, #ff2491 5%, #ff24f400 70%), radial-gradient(circle at 150% -100%, #ff2491 5%, #ff24f400 70%);
  background-repeat: no-repeat, no-repeat;
  background-color: #744cc2;
  color: #FFF;
  font-size: 0.3rem;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.1rem;
}
.result-page .block .block-mask .block-mask-button .small-text {
  font-size: 0.16rem;
}
.result-page .focus-mask {
  width: 100vw;
  height: 100vh;
  background-color: #00000059;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 8;
}
.result-page .focus-mask.hide {
  display: none;
}
.result-page .payment-container {
  position: relative;
  z-index: 9;
}
.payment {
  width: 3.52rem;
  height: 10.24rem;
  border-radius: 0.26rem;
  background-color: #FFFFFF;
  border: 1px solid #A5CBF1;
  position: relative;
  font-size: 0.16rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.payment .button {
  margin-top: 0.2rem;
  width: 3.1rem;
  height: 0.5rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-size: 0.18rem;
}
.payment .count-down-container {
  background-image: url("/images/文本框5.png");
  width: 100%;
  height: 1rem;
  background-repeat: no-repeat;
  background-size: 2.86rem;
  color: #FFFFFF;
  position: relative;
}
.payment .count-down-container .label {
  width: 1.5rem;
  font-size: 0.16rem;
  text-align: center;
  position: relative;
  top: 0.1rem;
  left: 0.5rem;
}
.payment .count-down-container .count-down {
  width: 1.5rem;
  font-size: 0.3rem;
  text-align: center;
  font-weight: bold;
  line-height: 0.3rem;
  position: relative;
  top: 0.05rem;
  left: 0.5rem;
}
.payment .text-line {
  text-align: center;
  line-height: 0.16rem;
}
.payment .text-line .violet {
  color: #8556FF;
}
.payment .price-tag {
  margin-top: 0.16rem;
  width: 3.1rem;
  height: 1.45rem;
  border-radius: 0.3rem;
  box-shadow: 0 0 0.08rem 0 #3c3c3c1c;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
}
.payment .price-tag .left-col {
  width: 0.9rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.payment .price-tag .left-col .price {
  color: #8556FF;
  font-size: 0.28rem;
  font-weight: 900;
  line-height: 0.38rem;
}
.payment .price-tag .left-col .price-origin {
  font-size: 0.14rem;
  color: #717171;
}
.payment .price-tag .right-col {
  width: 1.5rem;
}
.payment .price-tag .right-col .label {
  font-size: 0.18rem;
  font-weight: 600;
  color: #404040;
}
.payment .price-tag .right-col .content {
  color: #838383;
  line-height: 0.18rem;
}
.payment .qrcode-block {
  margin-top: 0.2rem;
  width: 3.1rem;
  display: flex;
  gap: 0.15rem;
}
.payment .qrcode-block .payment-selection {
  width: 1.28rem;
}
.payment .qrcode-block .payment-selection .option {
  width: 1.28rem;
  height: 0.52rem;
  background-color: #EEEEEE;
  border-radius: 0.1rem;
  display: flex;
  align-items: center;
  padding: 0 0 0 0.15rem;
}
.payment .qrcode-block .payment-selection .option.active {
  background-color: #8556FF;
  color: #FFFFFF;
}
.payment .qrcode-block .payment-selection .option img {
  width: 0.2rem;
  height: 0.2rem;
  object-fit: contain;
  margin-right: 0.05rem;
}
.payment .qrcode-block .payment-selection .option + .option {
  margin-top: 0.18rem;
}
.payment .qrcode-block .right-col {
  width: 1.66rem;
}
.payment .qrcode-block .right-col .qrcode-container {
  width: 1.66rem;
  height: 1.66rem;
  background-color: #EDF0FF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.payment .qrcode-block .right-col .qrcode-container .qrcode {
  width: 1.4rem;
  height: 1.4rem;
}
.payment .qrcode-block .right-col .qrcode-container .qrcode img {
  width: 100%;
  height: 100%;
}
.payment .qrcode-block .right-col .qrcode-name {
  display: flex;
  align-items: center;
  justify-content: center;
}
.payment .button-block {
  display: none;
}
.payment .payment-separate-line {
  margin-top: 0.2rem;
  width: 3.1rem;
  border-top: 1px dotted #A3A3A3;
}
.payment .customer-count {
  margin-top: 0.2rem;
}
.payment .cancel-button {
  background-color: #A0A0A0;
}
.payment .after-pay-rights {
  margin-top: 0.2rem;
  font-size: 0.16rem;
  color: #AD7724;
}
.payment .right-grid {
  width: 3.1rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 0.35rem;
  font-size: 0.16rem;
}
.payment .right-grid .right-item {
  padding-left: 0.15rem;
  display: grid;
  align-items: center;
  grid-template-columns: 0.3rem auto;
}
.payment .right-grid .right-item .icon {
  display: flex;
  align-items: center;
}
.payment .right-grid .right-item .icon img {
  width: 0.2rem;
  height: 0.2rem;
}
.payment .right-grid .right-item .text {
  color: #222222;
}
.payment .right-grid .right-item .text.gray {
  color: #9E9E9E;
}
.payment .right-grid .right-item.right-long-item {
  grid-column-start: span 2;
}
.report-page {
  padding-top: 1rem;
}
.report-page .top-bar {
  position: fixed;
  width: 8.28rem;
  top: 0;
  height: 0.8rem;
  background-color: #FFF;
  box-shadow: 0 0 0.2rem #e6e6e6;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.3rem;
}
.report-page .top-bar .top-bar-label {
  font-size: 0.36rem;
  font-weight: bolder;
  color: #8166C6;
}
.report-page .top-bar .fav-button {
  height: 0.4rem;
  width: 1.2rem;
  border: unset;
  border-radius: 0.2rem;
  background-color: #8166C6;
  color: #FFF;
}
.report-page .result-inner {
  display: none;
}
.favorite-page {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.5rem;
}
.favorite-page .favorite-page-inner {
  width: 9rem;
  background-color: #FFF;
  padding-bottom: 0.5rem;
}
.favorite-page .favorite-page-inner .page-title-container {
  position: relative;
}
.favorite-page .favorite-page-inner .page-title {
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 0.36rem;
  color: #474747;
  border-bottom: 1px solid #c7c7c7;
}
.favorite-page .favorite-page-inner .page-title-container #return-button {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0.8rem;
  font-size: 0.6rem;
  background-color: unset;
  border: unset;
  color: #474747;
}
.favorite-page .favorite-page-inner .qrcode-container {
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.favorite-page .favorite-page-inner .qrcode-container img {
  width: 3rem;
  height: 3rem;
}
.favorite-page .favorite-page-inner .qrcode-comment {
  height: 0.8rem;
  text-align: center;
  color: #84a5ff;
  font-weight: bold;
  font-size: 0.30rem;
}
.favorite-page .favorite-page-inner .operation-list {
  padding: 0 0.5rem;
}
.favorite-page .favorite-page-inner .operation-list p {
  font-size: 0.28rem;
  color: #727272;
}
.favorite-page .favorite-page-inner .operation-list p+p {
  margin-top: 0.2rem;
}
.favorite-page .favorite-page-inner .operation-list .op-mobile {
  display: none;
}
.history-page {
  padding: 0.4rem;
}
.history-page .page-title {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  height: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f1f1f1;
  color: #000000;
  box-shadow: 0 0 0.2rem 0 #cccccc;
  z-index: 9;
}
.history-page .history-list {
  margin-top: 0.4rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.history-page .history-list .history-item {
  height: 0.9rem;
  width: 100%;
  max-width: 6rem;
  background-color: #FFFFFF;
  border-radius: 0.15rem;
  box-shadow: 0 0 0.1rem 0 #cccccc;
  padding: 0.1rem;
}
.history-page .history-list .history-item+.history-item {
  margin-top: 0.15rem;
}
.history-page .history-list .history-item .question-type {
  font-weight: 600;
  font-size: 0.16rem;
}
.history-page .history-list .history-item .finish-time {
  font-size: 0.12rem;
  color: #666666;
}
.history-page .history-list .history-item .price {
  font-weight: bold;
  color: #3474ff;
}
.history-page .history-list .history-item .unpaid {
  font-weight: bold;
  color: #ff6161;
}
.discount-mask {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: #0000006c;
  display: flex;
  align-items: center;
  justify-content: center;
}
.discount-mask.hide {
  display: none;
}
.discount-mask .discount-image {
  height: 5.33rem;
  width: 3.7rem;
  background-image: url('/images/discount.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.discount-mask .discount-image .discount-price {
  margin-top: 1.5rem;
  font-size: 0.52rem;
  font-weight: bold;
  text-align: center;
  color: #f04c00;
}