@font-face {
  font-family: "Bold";
  src: url('Montserrat/Montserrat-Bold.ttf');
}
@font-face {
  font-family: "Medium";
  src: url('Montserrat/Montserrat-Medium.ttf');
}
@font-face {
  font-family: "Regular";
  src: url('Montserrat/Montserrat-Regular.ttf');
}
.Bold {
  font-family: Bold;
}
.Medium {
  font-family: Medium;
}
.Regular {
  font-family: Regular;
}
.border-none input {
  border: none !important;
}
.selectedfile a:hover {
  color: #c20655;
}
.ivu-modal-close:hover {
  color: #818181;
}
.ivu-modal-close:hover i {
  color: #818181;
}
.ivu-modal-close i:hover {
  color: #818181;
}
.goTop {
  right: -60px;
  bottom: 50px;
  z-index: 999;
  width: 50px;
  height: 50px;
  background-color: #f8e6ee;
  border-radius: 25px;
  color: #f3cddd;
}
.goTop:hover {
  background-color: #f3cddd;
  color: #c20655;
}
.btn-hover {
  color: #fff !important;
  border: none;
}
.btn-hover:hover {
  opacity: 0.7;
}
.index,
.page {
  font-size: 18px;
}
.vertical-center-modal {
  display: flex;
  align-items: center;
  justify-content: center;
}
.vertical-center-modal .ivu-modal {
  top: 0;
}
.tsi-icon-edit {
  width: 30px;
  height: 30px;
  padding: 5px 7px;
  border-radius: 6px;
  background-color: #f0f0f0;
}
.ivu-btn-primary-c01f5e {
  background-color: #c01f5e !important;
}
.ivu-btn-primary-d92323 {
  background-color: #d92323 !important;
}
.head {
  height: 100px;
  background-color: #fff;
}
.head .user-name .name {
  line-height: 100px;
}
.head .user-name .changePassword:hover {
  color: #c20655;
}
.head .user-name .logout {
  background-color: #f8e6ee;
  color: #c20655;
}
.head .user-name .logout:hover {
  background-color: #f3cddd;
  font-weight: 500;
}
.head .user-name:hover .user-name-logut {
  display: block;
}
.head .user-name .user-name-logut {
  display: none;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
  background-color: #fff;
  top: 100px;
}
.edit-password {
  top: 0;
  left: 0;
  z-index: 20;
}
.edit-password .ivu-input {
  border: 2px solid transparent;
}
.edit-password .ivu-input:focus {
  border: 2px solid #c20655 !important;
  box-shadow: inset 0 0 0 1px #f3cddd, 0 0 0 2px #f3cddd !important;
}
.edit-password .ivu-input:hover {
  border: 2px solid #c20655 !important;
}
.edit-password .model-bg {
  opacity: 0.5;
  background-color: #000;
  z-index: 100;
}
.edit-password .model-wrap {
  width: 400px;
  height: 500px;
  border-radius: 10px;
  background-color: #fff;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 110;
}
.edit-password .model-wrap .password-btn {
  width: 150px;
  height: 42px;
  border-radius: 14px;
  box-shadow: 0 18px 24px -14px rgba(0, 0, 0, 0.32);
  background-color: #c20655;
  border: none;
  line-height: 42px;
}
.index {
  min-width: 1348px;
}
.index .arrow-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #fff;
  color: #c01f5e;
}
.index .arrow-icon:hover {
  background-color: #c01f5e;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  color: #fff;
}
.index .arrow-icon img {
  width: 50px;
}
.index .w-910px {
  width: 910px;
}
.index .history:hover {
  font-size: 16px;
  text-align: center;
  color: #fff;
  border-bottom: 1px solid #fff;
}
.index .page2 {
  height: 185px;
  background-image: url('../images/bg-2.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.index .page3 {
  height: 1024px;
}
.index .page3 .img {
  width: 910px;
  height: 648px;
  margin: 60px auto;
}
.index .page4 {
  height: 400px;
  background-image: url('../images/bg-4.png');
  background-repeat: no-repeat;
  background-size: cover;
  color: #232020;
}
.index .page5 {
  height: 450px;
  color: #232020;
}
.index .page5-title {
  width: 282px;
  letter-spacing: 3px;
  margin: 100px auto 0 auto;
}
.index .page6 {
  color: #232020;
  height: 1016px;
}
.index .page6-item {
  width: 334px;
  height: 228px;
  border-radius: 20px;
  overflow: hidden;
}
.index .page6 .centenimg {
  width: 356px;
  height: 360px;
}
.index .page7 {
  height: 200px;
  background-image: url('../images/page7-bg-4.png?v=202010271700');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #f3cddd;
}
.index .page8 .item-list {
  width: 280px;
  border-radius: 15px;
}
.index .page9 {
  height: 804px;
}
.index .page11 {
  height: 303px;
}
.index .page12 {
  height: 287px;
}
.index .banner {
  min-height: 600px;
  background-image: url('../images/bg-1-banner@3x.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.index .banner .items {
  max-width: 1348px;
  min-height: 600px;
  padding: 105px 127px 87px 127px;
  flex-wrap: wrap;
}
.index .banner .items .item {
  height: 60px;
  padding: 12px 22px;
  margin-right: 18px;
  margin-bottom: 18px;
  border-radius: 42px;
  background-color: #fff;
  box-sizing: content-box;
}
.index .banner .items .item:hover {
  background-color: #c20655;
}
.index .banner .items .item:hover .logo > img {
  display: none;
}
.index .banner .items .item:hover .logo .mask {
  display: block;
}
.index .banner .items .item:hover .logo .mask img {
  visibility: hidden;
}
.index .banner .items .item:hover .name {
  color: #fff;
}
.index .banner .items .item .logo {
  width: auto;
  height: 60px;
  margin-right: 8px;
}
.index .banner .items .item .logo > img {
  width: auto;
  height: 60px;
}
.index .banner .items .item .logo .mask {
  display: none;
  background: #fff;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-position: center center;
  mask-size: auto 60px;
  -webkit-mask-size: auto 60px;
}
.index .banner .items .item .logo .mask img {
  width: auto;
  height: 60px;
}
.index .medical {
  height: 300px;
  background-image: url('../images/bg-2-medical-symptom.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.index .medical .medical-text {
  width: 1000px;
  padding: 100px 0;
  margin: auto;
}
.index .hook {
  width: 12px;
  height: 12px;
}
.index .w-684px {
  width: 684px;
}
.index .w-254px {
  width: 254px;
}
.index .innovation {
  width: 940px;
}
.index .innovation1 {
  height: 406px;
}
.index .innovation1 .right {
  padding: 30px 24px 24px 40px;
  width: 684px;
}
.index .innovation1 .right .we-started {
  width: 440px;
}
.index .innovation2 {
  height: 284px;
}
.index .innovation2 .warp {
  padding: 40px;
}
.index .innovation3 {
  height: 341px;
}
.index .innovation3 .warp {
  padding: 40px 20px 20px 40px;
}
.index .innovation4 {
  height: 334px;
}
.index .innovation4 .warp {
  padding: 40px 20px 20px 40px;
}
.index .innovation5 {
  height: 376px;
}
.index .innovation5 .warp {
  padding: 40px 20px 20px 40px;
}
.index .innovation6 {
  height: 373px;
}
.index .innovation6 .warp {
  padding: 40px;
}
.page .w-180px {
  width: 180px;
}
.page .t-item:hover {
  background-color: #f8e6ee;
}
.page .back {
  top: -40px;
  left: 0px;
  width: 102px;
  height: 30px;
  border-radius: 10px;
  background-color: #f0f0f0;
}
.page .back:hover {
  background-color: #cdcdcd;
}
.page .bg-blood-suguar {
  background-image: url("../images/blood-suguar.png?v=202010271700");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.page .buttom .radio-item {
  width: 500px;
  min-height: 42px;
  border-radius: 4px;
  background-color: #f6f6f6;
  background-size: 38px auto;
  background-repeat: no-repeat;
  background-position: right;
  overflow: hidden;
}
.page .buttom .radio-item-on {
  box-shadow: 0 0 0 2px #c20655, 0 0 0 4px #f3cddd !important;
}
.page .buttom .radio-item-on .radio-item-1 {
  background-image: url("../images/icon-level-1-selected.png?v=202010271700") !important;
  background-repeat: no-repeat;
  background-position: right bottom;
  overflow: hidden;
  box-shadow: 0 0 0 2px #62cbc9, 0 0 0 4px rgba(98, 203, 201, 0.3) !important;
  color: #c20655 !important;
  font-weight: 600 !important;
}
.page .buttom .radio-item-on .radio-item-2 {
  background-image: url("../images/icon-level-2-selected.png?v=202010271700") !important;
  background-repeat: no-repeat;
  background-position: right bottom;
  overflow: hidden;
  box-shadow: 0 0 0 2px #62cbc9, 0 0 0 4px rgba(98, 203, 201, 0.3) !important;
  color: #c20655 !important;
  font-weight: 600 !important;
}
.page .buttom .radio-item-on .radio-item-3 {
  background-image: url("../images/icon-level-3-selected.png?v=202010271700") !important;
  background-repeat: no-repeat;
  background-position: right bottom;
  overflow: hidden;
  box-shadow: 0 0 0 2px #62cbc9, 0 0 0 4px rgba(98, 203, 201, 0.3) !important;
  color: #c20655 !important;
  font-weight: 600 !important;
}
.page .buttom .radio-item-on .radio-item-4 {
  background-image: url("../images/icon-level-4-selected.png?v=202010271700") !important;
  background-repeat: no-repeat;
  background-position: right bottom;
  overflow: hidden;
  box-shadow: 0 0 0 2px #62cbc9, 0 0 0 4px rgba(98, 203, 201, 0.3) !important;
  color: #c20655 !important;
  font-weight: 600 !important;
}
.page .buttom .radio-item-on .radio-item-5 {
  background-image: url("../images/icon-level-5-selected.png?v=202010271700") !important;
  background-repeat: no-repeat;
  background-position: right bottom;
  overflow: hidden;
  box-shadow: 0 0 0 2px #62cbc9, 0 0 0 4px rgba(98, 203, 201, 0.3) !important;
  color: #c20655 !important;
  font-weight: 600 !important;
}
.page .buttom .radio-item:hover {
  box-shadow: 0 0 0 2px #c20655, 0 0 0 4px #f3cddd;
  color: #c20655;
  font-weight: 600;
}
.page .buttom .radio-item-1 {
  background-size: 38px auto;
  background-image: url("../images/icon-level-1.png?v=202010271700");
  background-repeat: no-repeat;
  background-position: right bottom;
  overflow: hidden;
}
.page .buttom .radio-item-1:hover {
  background-image: url("../images/icon-level-1-selected.png?v=202010271700");
  background-repeat: no-repeat;
  background-position: right bottom;
  overflow: hidden;
}
.page .buttom .radio-item-on-1 {
  background-size: 38px auto;
  background-image: url("../images/icon-level-1-selected.png?v=202010271700") !important;
  background-repeat: no-repeat;
  background-position: right bottom;
  overflow: hidden;
}
.page .buttom .radio-item-2 {
  background-size: 38px auto;
  background-image: url("../images/icon-level-2.png?v=202010271700");
  background-repeat: no-repeat;
  background-position: right bottom;
  overflow: hidden;
}
.page .buttom .radio-item-2:hover {
  background-image: url("../images/icon-level-2-selected.png?v=202010271700");
  background-repeat: no-repeat;
  background-position: right bottom;
  overflow: hidden;
}
.page .buttom .radio-item-on-2 {
  background-size: 38px auto;
  background-image: url("../images/icon-level-2-selected.png?v=202010271700") !important;
  background-repeat: no-repeat;
  background-position: right bottom;
  overflow: hidden;
}
.page .buttom .radio-item-3 {
  background-size: 38px auto;
  background-image: url("../images/icon-level-3.png?v=202010271700");
  background-repeat: no-repeat;
  background-position: right bottom;
  overflow: hidden;
}
.page .buttom .radio-item-3:hover {
  background-image: url("../images/icon-level-3-selected.png?v=202010271700");
  background-repeat: no-repeat;
  background-position: right bottom;
  overflow: hidden;
}
.page .buttom .radio-item-on-3 {
  background-size: 38px auto;
  background-image: url("../images/icon-level-3-selected.png?v=202010271700") !important;
  background-repeat: no-repeat;
  background-position: right bottom;
  overflow: hidden;
}
.page .buttom .radio-item-4 {
  background-size: 38px auto;
  background-image: url("../images/icon-level-4.png?v=202010271700");
  background-repeat: no-repeat;
  background-position: right bottom;
  overflow: hidden;
}
.page .buttom .radio-item-4:hover {
  background-image: url("../images/icon-level-4-selected.png?v=202010271700");
  background-repeat: no-repeat;
  background-position: right bottom;
  overflow: hidden;
}
.page .buttom .radio-item-on-4 {
  background-size: 38px auto;
  background-image: url("../images/icon-level-4-selected.png?v=202010271700") !important;
  background-repeat: no-repeat;
  background-position: right bottom;
  overflow: hidden;
}
.page .buttom .radio-item-5 {
  background-size: 38px auto;
  background-image: url("../images/icon-level-5.png?v=202010271700");
  background-repeat: no-repeat;
  background-position: right bottom;
  overflow: hidden;
}
.page .buttom .radio-item-5:hover {
  background-image: url("../images/icon-level-5-selected.png?v=202010271700");
  background-repeat: no-repeat;
  background-position: right bottom;
  overflow: hidden;
}
.page .buttom .radio-item-on-5 {
  background-size: 38px auto;
  background-image: url("../images/icon-level-5-selected.png?v=202010271700") !important;
  background-repeat: no-repeat;
  background-position: right bottom;
  overflow: hidden;
}
.page .buttom .arrow-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #d92323;
  color: #fff;
}
.page .buttom .arrow-icon:hover {
  background-color: #d92323;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  color: #fff;
}
.page .buttom .arrow-icon img {
  width: 50px;
}
.page .buttom .yes-item {
  width: 200px;
  height: 42px;
  border-radius: 4px;
  background-color: #f6f6f6;
  background-image: url("../images/icon-yes.png");
  background-size: 60px 100%;
  background-repeat: no-repeat;
  background-position: right;
  overflow: hidden;
}
.page .buttom .yes-item:hover {
  box-shadow: 0 0 0 2px #62cbc9, 0 0 0 4px rgba(98, 203, 201, 0.3);
  background-image: url("../images/icon-yes.png");
  font-weight: 600;
}
.page .buttom .no-item {
  width: 200px;
  height: 42px;
  border-radius: 4px;
  background-color: #f6f6f6;
  background-image: url("../images/icon-no.png");
  background-size: 60px 100%;
  background-repeat: no-repeat;
  background-position: right;
  overflow: hidden;
}
.page .buttom .no-item:hover {
  box-shadow: 0 0 0 2px #c01f5e, 0 0 0 4px rgba(192, 31, 94, 0.3);
  background-image: url("../images/icon-no.png");
  font-weight: 600;
}
.page .buttom .on {
  box-shadow: 0 0 0 2px #c20655, 0 0 0 4px #f3cddd;
  color: #c20655;
}
.page .buttom .yes-on {
  box-shadow: 0 0 0 2px #01d78d, 0 0 0 4px #8feacb;
  background-image: url("../images/icon-yes-selected.png") !important;
  color: #01d78d;
  font-weight: 600;
}
.page .buttom .no-on {
  box-shadow: 0 0 0 2px #d92323, 0 0 0 4px #ff939c;
  background-image: url("../images/icon-no-selected.png") !important;
  color: #d92323;
  font-weight: 600;
}
.page .buttom .on {
  box-shadow: 0 0 0 2px #c20655, 0 0 0 4px #f3cddd;
  color: #c20655;
}
.page .buttom .male-item {
  width: 210px;
  height: 50px;
  margin: 5px 0px 0 0;
  padding: 0 0px 0 20px;
  border-radius: 4px;
  background-color: #f6f6f6;
  background-image: url("../images/icon-male.png");
  background-size: 50px 100%;
  background-repeat: no-repeat;
  background-position: right;
  overflow: hidden;
}
.page .buttom .male-item:hover {
  box-shadow: 0 0 0 2px #c20655, 0 0 0 4px #f3cddd;
  color: #c20655;
}
.page .buttom .female-item {
  width: 210px;
  height: 50px;
  margin: 5px 0px 0 0;
  padding: 0 0px 0 20px;
  border-radius: 4px;
  background-color: #f6f6f6;
  background-image: url("../images/icon-female.png");
  background-size: 50px 100%;
  background-repeat: no-repeat;
  background-position: right;
  overflow: hidden;
}
.page .buttom .female-item:hover {
  box-shadow: 0 0 0 2px #c20655, 0 0 0 4px #f3cddd;
  color: #c20655;
}
.page .buttom .questionnaire {
  width: 700px;
  overflow: auto;
}
.page .buttom .questionnaire .page1 {
  padding: 50px 130px;
}
.page .buttom .questionnaire .page2 {
  padding: 55px 60px;
  margin-bottom: 50px;
}
.page .buttom .questionnaire .item-input {
  width: 500px;
  height: 40px;
  margin: 10px 0 0;
  padding: 14px 0px 14px 10px;
  border-radius: 4px;
  background-color: #f6f6f6;
  color: #000;
  transition: none;
}
.page .buttom .questionnaire .item-input:hover {
  border: solid 2px #c20655 !important;
}
.page .buttom .questionnaire .item-input:focus-visible {
  outline: 0;
}
.page .buttom .questionnaire .item-input:focus {
  border: solid 2px #c20655 !important;
  box-shadow: inset 0 0 0 1px #c20655, 0 0 0 2px #f3cddd !important;
}
.page .buttom .questionnaire .item-input1 {
  width: 440px;
  height: 50px;
  margin: 10px 0 0;
  padding: 14px 0px 14px 10px;
  border-radius: 4px;
  background-color: #f6f6f6;
  color: #000;
  transition: none;
}
.page .buttom .questionnaire .item-input1:hover {
  border: solid 2px #c20655 !important;
}
.page .buttom .questionnaire .item-input1:focus-visible {
  outline: 0;
}
.page .buttom .questionnaire .item-input1:focus {
  border: solid 2px #c20655 !important;
  box-shadow: inset 0 0 0 1px #f3cddd, 0 0 0 2px #f3cddd !important;
}
.page .buttom .questionnaire .sub-btn {
  width: 198px;
  height: 54px;
  line-height: 54px;
  margin: auto;
  border: none;
  border-radius: 14px;
  background-color: #c20655;
}
.page .buttom .content {
  height: calc(100% - 128px);
}
.page .progress-bar .gohome {
  color: #cdcdcd;
}
.page .progress-bar .gohome:hover {
  color: #c20655;
}
.page .progress-bar .item {
  width: 250px;
  height: 8px;
  border-radius: 4px;
  background-color: #cdcdcd;
}
.page .progress-bar .baron {
  background-color: #000;
}
.login {
  background-image: url("../images/bg-login.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.login .ivu-input {
  border: 2px solid transparent !important;
}
.login .ivu-input:focus {
  border: 2px solid #c20655 !important;
  box-shadow: inset 0 0 0 1px #f3cddd, 0 0 0 2px #f3cddd !important;
}
.login .ivu-input:hover {
  border: 2px solid #c20655 !important;
}
.login .arrow-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #fff;
  color: #d92323;
}
.login .arrow-icon:hover {
  background-color: #d92323;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  color: #fff;
}
.login .arrow-icon img {
  width: 50px;
}
.login .warp {
  width: 600px;
  height: 400px;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.login .warp .left {
  background-image: url("../images/img-bg-login.png?v=202010271700");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.login .item-input {
  width: 300px;
  height: 40px;
  border-radius: 4px;
  color: #000;
  background-color: #f6f6f6;
}
.login .btn-login {
  width: 150px;
  height: 42px;
  line-height: 42px;
  border-radius: 14px;
  box-shadow: 0 18px 24px -14px rgba(0, 0, 0, 0.32);
  background-color: #c20655;
  border: none;
}
.login .create-account {
  width: 150px;
  height: 30px;
  line-height: 30px;
  padding: 6px 18px;
  border-radius: 15px;
  background-color: #fff;
}
.create {
  background-image: url("../images/bg-login.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.create .arrow-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #fff;
  color: #d92323;
}
.create .arrow-icon:hover {
  background-color: #d92323;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  color: #fff;
}
.create .arrow-icon img {
  width: 50px;
}
.create .sendcode:hover {
  font-weight: 600;
}
.create .warp {
  width: 550px;
  height: 594px;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.create .warp .left {
  background-image: url("../images/img-bg-create.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.create .item-input {
  width: 370px;
  height: 40px;
  border-radius: 4px;
  color: #000;
  background-color: #f6f6f6;
}
.create .btn-login {
  width: 150px;
  height: 42px;
  line-height: 42px;
  border-radius: 14px;
  box-shadow: 0 18px 24px -14px rgba(0, 0, 0, 0.32);
  background-color: #d92323;
  border: none;
}
.create .model-bg {
  opacity: 0.5;
  background-color: #000;
  z-index: 10;
}
.create .ep2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.create .model-wrap {
  width: 300px;
  height: 240px;
  min-height: 240px;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px;
  background-color: #fff;
  z-index: 11;
}
.result {
  background-color: #e7ebee;
}
.result .foot-btn {
  bottom: 40px;
  z-index: 9999;
}
.result .foot-btn .btn {
  height: 52px;
  border-radius: 14px;
  background-color: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
}
.result .foot-btn .btn:hover {
  color: #fff;
  background-color: #D92323;
}
.result .not .mail {
  background-image: url("../images/not-mail.png") !important;
  height: 514px !important;
}
.result .not .detail {
  display: none !important;
}
.result .envelope {
  background-image: url("../images/result-bg.png");
  height: calc(100% - 100px);
  background-repeat: no-repeat;
  background-size: 100% 506px;
  background-color: #960107;
  padding-top: 80px;
}
.result .envelope .mail {
  width: 902px;
  height: 684px;
  background-image: url("../images/mail.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.result .envelope .mail .detail {
  width: 64px;
  height: 40px;
  border-radius: 10px;
  background-color: #f6f6f6;
}
.result .envelope .mail .detail:hover {
  background-color: #cfefee;
}
.result .openenvelope {
  background-image: url("../images/biomarkers-bg.png?v=202010271700");
  background-repeat: no-repeat;
  background-size: 100% 506px;
  background-color: #960107;
  padding-top: 80px;
}
.result .openenvelope .formula {
  width: 850px;
  height: 290px;
  padding: 50px 30px 11px;
  background-color: #fff;
}
.result .openenvelope .footmore {
  height: 120px;
  bottom: 0;
  z-index: 999;
}
.result .openenvelope .footmore .bg {
  opacity: 0.7;
  background-color: #fff;
  left: 0;
  top: 0;
  z-index: 1;
}
.result .openenvelope .footmore .more {
  z-index: 2;
}
.result .openenvelope .footmoreshow {
  height: auto !important;
}
.result .openenvelope .footmoreshow .footmore {
  display: none !important;
}
.result .openenvelope .footmoreshow .footmore .bg {
  opacity: 0 !important;
}
.result .openenvelope .formula-chart {
  width: 938px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  height: 669px;
  overflow: hidden;
}
.result .openenvelope .formula-chart .content {
  width: 940px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  background-color: #fff;
}
.result .openenvelope .formula-chart .content .top-show {
  width: 938px;
  height: 70px;
  padding: 20px 30px 20px 40px;
  background-color: #fff;
  position: fixed;
  top: 99px;
  border-bottom: 1px solid #cdcdcd;
  z-index: 9998;
}
.result .openenvelope .formula-chart .content .definition {
  border-radius: 6px;
  height: 20px;
  line-height: 20px;
  color: #818181;
  cursor: pointer;
}
.result .openenvelope .formula-chart .content .definition:hover {
  color: #D92323;
}
.result .openenvelope .formula-chart .content .items {
  padding-left: 40px;
  padding-right: 40px;
}
.result .openenvelope .formula-chart .content .items .bar-bg {
  height: 44px;
}
.result .openenvelope .formula-chart .content .items .bar-bg-1 {
  height: 28px;
  width: 287px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("../images/adjust-bar-2-1.png");
}
.result .openenvelope .formula-chart .content .items .bar-bg-2 {
  height: 28px;
  width: 285px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("../images/adjust-bar-2-2.png");
}
.result .openenvelope .formula-chart .content .items .bar-bg-3 {
  height: 28px;
  width: 287px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("../images/adjust-bar-2-3.png");
}
.result .openenvelope .formula-chart .content .items .foot-text .on .foot-text-item-top {
  color: #000;
}
.result .openenvelope .formula-chart .content .items .foot-text-item {
  width: 33.3333%;
  font-size: 14px;
  font-family: Regular;
  text-align: center;
  color: #999;
}
.result .openenvelope .formula-chart .content .items .foot-text-item:first-child .foot-text-item-top {
  border-left: 2px solid #999;
}
.result .openenvelope .formula-chart .content .items .foot-text-item-top {
  height: 26px;
  font-family: Bold;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #999;
  border-right: 2px solid #999;
}
.result .openenvelope .formula-chart .content .items .adjust-btn {
  background-image: url("../images/adjust-btn.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 44px;
  height: 44px;
  top: 0;
  left: 20%;
  z-index: 999;
}
.result .openenvelope .formula-chart .content .items .adjust-btn-last {
  background-image: url("../images/adjust-btn-last.png") !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 44px;
  height: 44px;
  top: 0;
  left: 20%;
  z-index: 999;
}
.result .openenvelope .formula-detaile {
  width: 938px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}
.result .openenvelope .formula-detaile .vertical-line {
  width: 4px;
  height: 22px;
  margin: 0 8px 0 0;
  background-color: #ffb3b3;
}
.result .openenvelope .formula-detaile .close-btn-top {
  width: 64px;
  height: 40px;
  border-radius: 10px;
  background-color: #f6f6f6;
  border: none;
  margin: auto;
}
.result .openenvelope .formula-detaile .close-btn-top:hover {
  background-color: #cfefee;
}
.result .openenvelope .formula-facts {
  width: 938px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  min-height: 1193px;
}
.result .openenvelope .formula-facts .facts-img {
  width: 500px;
  height: 844px;
}
.biomarkers {
  background-color: #fff4f4;
}
.biomarkers .foot-btn {
  bottom: 40px;
  z-index: 9999;
}
.biomarkers .foot-btn .btn {
  height: 52px;
  border-radius: 14px;
  background-color: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
}
.biomarkers .foot-btn .btn:hover {
  color: #fff;
  background-color: #D92323;
}
.biomarkers .envelope {
  background-image: url("../images/result-bg.png");
  background-repeat: no-repeat;
  background-size: 100% 506px;
  background-color: #fff4f4;
  padding-top: 80px;
}
.biomarkers .envelope .content {
  width: 940px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  background-color: #fff;
}
.biomarkers .envelope .content .top-show {
  width: 938px;
  height: 70px;
  padding: 20px 30px 20px 40px;
  background-color: #fff;
  position: fixed;
  top: 99px;
  border-bottom: 1px solid #cdcdcd;
  z-index: 9998;
}
.biomarkers .envelope .content .definition {
  border-radius: 6px;
  height: 20px;
  line-height: 20px;
  color: #818181;
  cursor: pointer;
}
.biomarkers .envelope .content .definition:hover {
  color: #D92323;
}
.biomarkers .envelope .content .items {
  padding-left: 40px;
  padding-right: 40px;
}
.biomarkers .envelope .content .items .bar-bg {
  height: 44px;
}
.biomarkers .envelope .content .items .bar-bg-1 {
  height: 28px;
  width: 287px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("../images/adjust-bar-2-1.png");
}
.biomarkers .envelope .content .items .bar-bg-2 {
  height: 28px;
  width: 285px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("../images/adjust-bar-2-2.png");
}
.biomarkers .envelope .content .items .bar-bg-3 {
  height: 28px;
  width: 287px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("../images/adjust-bar-2-3.png");
}
.biomarkers .envelope .content .items .foot-text .on .foot-text-item-top {
  color: #000;
}
.biomarkers .envelope .content .items .foot-text-item {
  width: 33.3333%;
  font-size: 14px;
  font-family: Regular;
  text-align: center;
  color: #999;
}
.biomarkers .envelope .content .items .foot-text-item:first-child .foot-text-item-top {
  border-left: 2px solid #999;
}
.biomarkers .envelope .content .items .foot-text-item-top {
  height: 26px;
  font-family: Bold;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #999;
  border-right: 2px solid #999;
}
.biomarkers .envelope .content .items .adjust-btn {
  background-image: url("../images/adjust-btn.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 44px;
  height: 44px;
  top: 0;
  left: 20%;
  z-index: 999;
}
.biomarkers .envelope .content .items .adjust-btn-last {
  background-image: url("../images/adjust-btn-last.png") !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 44px;
  height: 44px;
  top: 0;
  left: 20%;
  z-index: 998;
}
.all-result .back {
  top: -40px;
  left: 0px;
  width: 102px;
  height: 30px;
  border-radius: 10px;
  background-color: #f0f0f0;
}
.all-result .back:hover {
  background-color: #cdcdcd;
}
.all-result .all-download:hover {
  background: #CDCDCD;
}
.all-result .result-items {
  background-image: url("../images/biomarkers-bg.png?v=202010271700");
  height: calc(100% - 100px);
  background-repeat: no-repeat;
  background-size: 100% 506px;
  background-color: #c20655;
  padding-top: 80px;
}
.all-result .result-items .item {
  border-bottom: 1px solid #cdcdcd;
}
.all-result .result-items .item .icon-bg {
  color: #818181;
}
.all-result .result-items .item .icon-bg:hover {
  background: #f8e6ee;
  font-weight: 600;
  color: #c20655;
}
.all-result .result-items .item:last-child {
  border-bottom: none;
}
.all-result .result-items .download {
  border-radius: 14px;
}
.all-result .result-items .download:hover {
  color: #fff;
  background-color: #c01f5e;
}
.history .selectfile a:hover {
  color: #D92323;
}
.history .getapilist:hover {
  background-color: #cdcdcd;
}
.history .back {
  top: -40px;
  left: 0px;
  width: 102px;
  height: 30px;
  border-radius: 10px;
  background-color: #f0f0f0;
}
.history .back:hover {
  background-color: #cdcdcd;
}
.history .icon-bg {
  color: #818181;
}
.history .icon-bg:hover {
  background: #f8e6ee;
  color: #c20655;
  font-weight: 600;
}
.history .result-items {
  background-image: url("../images/bg-history.png?v=202211011530");
  height: calc(100% - 100px);
  background-repeat: no-repeat;
  background-size: 100% 344.82px;
  background-color: #f1f1f1;
  padding-top: 80px;
  padding-bottom: 20px;
}
.history .result-items .item {
  border-bottom: 1px solid #cdcdcd;
}
.history .result-items .item:last-child {
  border-bottom: none;
}
.history .result-items .item .icon-bg {
  color: #818181;
}
.history .result-items .item .icon-bg:hover {
  background: #f8e6ee;
  color: #c20655;
  font-weight: 600;
}
.guide {
  background-image: url("../images/guide-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.guide .hook {
  width: 12px;
  height: 11px;
}
.guide .logo {
  width: 330px;
  height: 80px;
  border-radius: 0 0 20px 20px;
  background-color: #587d8c;
}
.guide .goLogin {
  padding: 0 20px;
  height: 52px;
  margin: 62px 0 0 30px;
  border-radius: 14px;
  background-color: #c01f5e;
  font-family: Bold;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  bottom: 40px;
  right: 0;
}
.guide .goLogin:hover {
  background-color: #fff;
  color: #D92323;
}
.guide .warp1 {
  background-image: url("../images/cycleline-1-3.png") !important;
}
.guide .warp2 {
  background-image: url("../images/cycleline-2-3.png") !important;
}
.guide .warp3 {
  background-image: url("../images/cycleline-3-3.png") !important;
}
.guide .warp4 {
  background-image: url("../images/cycleline-4-3.png") !important;
}
.guide .son1,
.guide .son2,
.guide .son3,
.guide .son4 {
  background-color: #c01f5e !important;
}
.guide .warp {
  width: 827px;
  height: 459px;
  margin: 50px auto;
  background-image: url("../images/cycleline-1-3.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.guide .warp .center {
  margin: 58px auto;
  width: 530px;
  height: 310px;
  border-radius: 30px;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.guide .warp .center .left-icon {
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
}
.guide .warp .center .right-icon {
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}
.guide .warp .center .foot-icon {
  bottom: 7px;
  left: 50%;
  transform: translateX(-50%);
}
.guide .warp .center .foot-icon .on {
  color: #c01f5e !important;
}
.guide .warp .center .foot-icon .icon-BannerSwitcher {
  font-size: 12px;
  color: #cdcdcd;
}
.guide .warp .center .foot-icon .icon-BannerSwitcher:hover {
  color: #cf84a1 !important;
}
.guide .warp .center1 {
  padding: 40px 30px;
}
.guide .warp .center1 .more {
  width: 156px;
  height: 124px;
  margin: 0 0 2px;
  padding: 20px 10px;
  color: #cdcdcd;
}
.guide .warp .center1 .more .icon {
  font-size: 50px;
  line-height: 1;
}
.guide .warp .center1 .more:hover {
  color: #fff;
  font-size: 20px;
  font-family: Regular;
  border-radius: 20px;
  background-color: #c01f5e;
}
.guide .warp .center1 .item {
  width: 156px;
  height: 124px;
  margin: 0 0 2px;
  padding: 20px 10px;
  color: #000;
}
.guide .warp .center1 .item .icon {
  font-size: 50px;
  line-height: 1;
}
.guide .warp .center1 .item:hover {
  color: #fff;
  font-size: 20px;
  font-family: Regular;
  border-radius: 20px;
  background-color: #c01f5e;
}
.guide .warp .center2 {
  padding-top: 30px;
}
.guide .warp .center2 .title {
  font-family: Bold;
  font-size: 20px;
  font-weight: bold;
  color: #000;
}
.guide .warp .center3 {
  padding-left: 45px;
  padding-top: 18px;
  padding-right: 45px;
}
.guide .warp .center3 .title {
  font-family: Bold;
  font-size: 20px;
  font-weight: bold;
  color: #000;
}
.guide .warp .center4 {
  padding-left: 45px;
  padding-top: 18px;
  padding-right: 45px;
}
.guide .warp .center4 .title {
  font-family: Bold;
  font-size: 20px;
  font-weight: bold;
  color: #000;
}
.guide .warp .pbtn {
  height: 50px;
  border-radius: 20px;
  background-color: #3d768d;
  font-size: 20px;
  font-family: Bold;
  font-weight: bold;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  cursor: pointer;
}
.guide .warp .pbtn:hover {
  background-color: #c01f5e;
}
.guide .warp .pbtn-top {
  width: 172px;
  top: 0px;
  left: 50%;
  transform: translateX(-48%);
}
.guide .warp .pbtn-right {
  width: 200px;
  top: 50%;
  transform: translateY(-50%);
  right: -80px;
}
.guide .warp .pbtn-button {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 292px;
}
.guide .warp .pbtn-left {
  top: 50%;
  width: 224px;
  transform: translateY(-50%);
  left: -90px;
}
.page-buy .result-items {
  background-image: url("../images/bg-compare.png");
  height: calc(100% - 100px);
  background-repeat: no-repeat;
  background-size: 100% 340px;
  background-color: #fff4f4;
  padding-top: 80px;
  padding-bottom: 20px;
}
.page-buy .wrap {
  width: 938px;
  height: 1193px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}
.page-buy .wrap .img {
  width: 500px;
  height: 844px;
}
.page-buy .foot-btn {
  bottom: 40px;
}
.page-buy .foot-btn .btn {
  width: 126px;
  height: 52px;
  border-radius: 14px;
  background-color: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
}
.page-buy .foot-btn .btn:hover {
  color: #fff;
  background-color: #D92323;
}
.animation-loading {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.animation-loading div {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #cdcdcd;
  border-radius: 50%;
  animation: animation_loading 1.2s linear infinite;
}
.animation-loading div:nth-child(1) {
  animation-delay: 0s;
  top: 37px;
  left: 66px;
}
.animation-loading div:nth-child(2) {
  animation-delay: -0.1s;
  top: 22px;
  left: 62px;
}
.animation-loading div:nth-child(3) {
  animation-delay: -0.2s;
  top: 11px;
  left: 52px;
}
.animation-loading div:nth-child(4) {
  animation-delay: -0.3s;
  top: 7px;
  left: 37px;
}
.animation-loading div:nth-child(5) {
  animation-delay: -0.4s;
  top: 11px;
  left: 22px;
}
.animation-loading div:nth-child(6) {
  animation-delay: -0.5s;
  top: 22px;
  left: 11px;
}
.animation-loading div:nth-child(7) {
  animation-delay: -0.6s;
  top: 37px;
  left: 7px;
}
.animation-loading div:nth-child(8) {
  animation-delay: -0.7s;
  top: 52px;
  left: 11px;
}
.animation-loading div:nth-child(9) {
  animation-delay: -0.8s;
  top: 62px;
  left: 22px;
}
.animation-loading div:nth-child(10) {
  animation-delay: -0.9s;
  top: 66px;
  left: 37px;
}
.animation-loading div:nth-child(11) {
  animation-delay: -1s;
  top: 62px;
  left: 52px;
}
.animation-loading div:nth-child(12) {
  animation-delay: -1.1s;
  top: 52px;
  left: 62px;
}
@keyframes animation_loading {
  0%,
  20%,
  80%,
  100% {
    transform: scale(1.2);
  }
  50% {
    transform: scale(2);
  }
}
/*# sourceMappingURL=page.css.map */