@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');
}
.border-000 {
  border-color: #000000 !important;
}
.Bold {
  font-family: Bold;
}
.Medium {
  font-family: Medium;
}
.Regular {
  font-family: Regular;
}
.vertical-center-modal {
  display: flex;
  align-items: center;
  justify-content: center;
}
.vertical-center-modal .ivu-modal {
  top: 0;
}
.border-none {
  border: none !important;
  outline: medium!important;
}
.border-none input {
  border: 0 !important;
  outline: medium!important;
}
.text-231815 {
  color: #231815;
}
.btn-hover {
  color: #fff !important;
  border: none;
}
.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;
}
.head {
  height: 100px;
  background-color: #fff;
}
.head .show-history {
  cursor: pointer;
}
.head .show-history .icon {
  background-image: url("../images/arrow-right-grey.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.head .user-name .name {
  line-height: 100px;
}
.head .user-name .changePassword:hover {
  color: #62cbc9;
}
.head .user-name .logout:hover {
  background-color: #cfefee;
  font-weight: 500;
  color: #62cbc9;
}
.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 .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: #c01f5e;
  border: none;
  line-height: 42px;
}
.index .solutions-category {
  background-color: #161616;
  height: 2074px;
}
.index .solutions-category .size-56 {
  font-size: 56px;
}
.index .solutions-category .path0 {
  background-image: url('../images/category/Path_Nerve.png');
  background-size: 100% 100%;
}
.index .solutions-category .path0.on {
  background-size: 100% 100%;
  background-image: url('../images/category/path-nerve-hover@3x.png') !important;
}
.index .solutions-category .path1 {
  background-image: url('../images/category/Path_Sleep.png');
  background-size: 100% 100%;
}
.index .solutions-category .path1.on {
  background-size: 100% 100%;
  background-image: url('../images/category/path-sleep-hover@3x.png') !important;
}
.index .solutions-category .path2 {
  background-image: url('../images/category/Path_Thyroid.png');
  background-size: 100% 100%;
}
.index .solutions-category .path2.on {
  background-size: 100% 100%;
  background-image: url('../images/category/path-thyroid-hover@3x.png') !important;
}
.index .solutions-category .path3 {
  background-image: url('../images/category/Path_Longevity.png');
  background-size: 100% 100%;
}
.index .solutions-category .path3.on {
  background-size: 100% 100%;
  background-image: url('../images/category/path-longevity-hover@3x.png') !important;
}
.index .solutions-category .path4 {
  background-image: url('../images/category/Path_Liver.png');
  background-size: 100% 100%;
}
.index .solutions-category .path4.on {
  background-size: 100% 100%;
  background-image: url('../images/category/path-liver-hover@3x.png') !important;
}
.index .solutions-category .path5 {
  background-image: url('../images/category/Path_Digestion.png');
  background-size: 100% 100%;
}
.index .solutions-category .path5.on {
  background-size: 100% 100%;
  background-image: url('../images/category/path-digestion-hover@3x.png') !important;
}
.index .solutions-category .path6 {
  background-image: url('../images/category/Path_Metabolic.png');
  background-size: 100% 100%;
}
.index .solutions-category .path6.on {
  background-size: 100% 100%;
  background-image: url('../images/category/path-metabolic-hover@3x.png') !important;
}
.index .solutions-category .path7 {
  background-image: url('../images/category/Path_Inflammation.png');
  background-size: 100% 100%;
}
.index .solutions-category .path7.on {
  background-size: 100% 100%;
  background-image: url('../images/category/path-in-ammation-hover@3x.png') !important;
}
.index .solutions-category .path8 {
  background-image: url('../images/category/Path_Immune.png');
  background-size: 100% 100%;
}
.index .solutions-category .path8.on {
  background-size: 100% 100%;
  background-image: url('../images/category/path-immune-hover@3x.png') !important;
}
.index .solutions-category .path9 {
  background-image: url('../images/category/Path_Wellness.png');
  background-size: 100% 100%;
}
.index .solutions-category .path9.on {
  background-size: 100% 100%;
  background-image: url('../images/category/path-wellness-hover@3x.png') !important;
}
.index .solutions-category .path10 {
  background-image: url('../images/category/Path_Vascular.png');
  background-size: 100% 100%;
}
.index .solutions-category .path10.on {
  background-size: 100% 100%;
  background-image: url('../images/category/path-vascular-hover@3x.png') !important;
}
.index .solutions-category .path21 {
  background-image: url('../images/category/Path_Joint.png');
  background-size: 100% 100%;
}
.index .solutions-category .path21.on {
  background-size: 100% 100%;
  background-image: url('../images/category/path-joint-hover@3x.png') !important;
}
.index .solutions-category .path11 {
  background-image: url('../images/category/Path_Brain.png');
  background-size: 100% 100%;
}
.index .solutions-category .path11.on {
  background-size: 100% 100%;
  background-image: url('../images/category/path-brain-hover@3x.png') !important;
}
.index .solutions-category .path12 {
  background-image: url('../images/category/Path_Eye.png');
  background-size: 100% 100%;
}
.index .solutions-category .path12.on {
  background-size: 100% 100%;
  background-image: url('../images/category/path-eye-hover@3x.png') !important;
}
.index .solutions-category .path13 {
  background-image: url('../images/category/Path_Hair.png');
  background-size: 100% 100%;
}
.index .solutions-category .path13.on {
  background-size: 100% 100%;
  background-image: url('../images/category/path-hair-hover@3x.png') !important;
}
.index .solutions-category .path14 {
  background-image: url('../images/category/Path_Heart.png');
  background-size: 100% 100%;
}
.index .solutions-category .path14.on {
  background-size: 100% 100%;
  background-image: url('../images/category/path-heart-hover@3x.png') !important;
}
.index .solutions-category .path15 {
  background-image: url('../images/category/Path_Energy.png');
  background-size: 100% 100%;
}
.index .solutions-category .path15.on {
  background-size: 100% 100%;
  background-image: url('../images/category/path-energy-hover@3x.png') !important;
}
.index .solutions-category .path16 {
  background-image: url('../images/category/Path_Detox.png');
  background-size: 100% 100%;
}
.index .solutions-category .path16.on {
  background-size: 100% 100%;
  background-image: url('../images/category/path-detox-hover@3x.png') !important;
}
.index .solutions-category .path17 {
  background-image: url('../images/category/Path_Hormone.png');
  background-size: 100% 100%;
}
.index .solutions-category .path17.on {
  background-size: 100% 100%;
  background-image: url('../images/category/path-hormone-hover@3x.png') !important;
}
.index .solutions-category .path18 {
  background-image: url('../images/category/Path_Kidney.png');
  background-size: 100% 100%;
}
.index .solutions-category .path18.on {
  background-size: 100% 100%;
  background-image: url('../images/category/path-kidney-hover@3x.png') !important;
}
.index .solutions-category .path19 {
  background-image: url('../images/category/Path_Mens.png');
  background-size: 100% 100%;
}
.index .solutions-category .path19.on {
  background-size: 100% 100%;
  background-image: url('../images/category/path-men-s-hover@3x.png') !important;
}
.index .solutions-category .path20 {
  background-image: url('../images/category/Path_Bone.png');
  background-size: 100% 100%;
}
.index .solutions-category .path20.on {
  background-size: 100% 100%;
  background-image: url('../images/category/path-bone-hover@3x.png') !important;
}
.index .solutions-category .dot {
  width: 24px;
  height: 24px;
  position: absolute;
  cursor: pointer;
  z-index: 4;
  background-image: url('../images/category/Dot.png');
  background-size: 100% 100%;
}
.index .solutions-category .dot.on {
  background-image: url('../images/category/dot-hover.png') !important;
}
.index .solutions-category .dot:hover {
  background-image: url('../images/category/dot-hover.png');
}
.index .solutions-category .w-910px {
  width: 910px;
  margin: auto;
}
.index .solutions-category .body-bg {
  background-image: url('../images/category/body-1200.png');
  background-size: 100% 100%;
}
.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 .solution-list {
  background-image: url('../images/solution-list-bg.png');
  height: 600px;
  background-size: 100% 100%;
}
.index .solution-list .history1:hover {
  color: #c01f5e;
}
.index .solution-list .history1:hover span {
  border-bottom: 1px solid #c01f5e;
  padding-bottom: 2px;
}
.index .solution-list .iconitem {
  color: #818181;
}
.index .solution-list .iconitem .SolutionListIcon-1 {
  background-image: url('../images/homeicon/Solutionicon_1.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem .SolutionListIcon-2 {
  background-image: url('../images/homeicon/Solutionicon_2.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem .SolutionListIcon-3 {
  background-image: url('../images/homeicon/Solutionicon_3.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem .SolutionListIcon-4 {
  background-image: url('../images/homeicon/Solutionicon_4.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem .SolutionListIcon-5 {
  background-image: url('../images/homeicon/Solutionicon_5.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem .SolutionListIcon-6 {
  background-image: url('../images/homeicon/Solutionicon_6.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem .SolutionListIcon-7 {
  background-image: url('../images/homeicon/Solutionicon_7.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem .SolutionListIcon-8 {
  background-image: url('../images/homeicon/Solutionicon_8.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem .SolutionListIcon-9 {
  background-image: url('../images/homeicon/Solutionicon_9.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem .SolutionListIcon-10 {
  background-image: url('../images/homeicon/Solutionicon_10.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem .SolutionListIcon-11 {
  background-image: url('../images/homeicon/Solutionicon_11.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem .SolutionListIcon-12 {
  background-image: url('../images/homeicon/Solutionicon_12.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem .SolutionListIcon-13 {
  background-image: url('../images/homeicon/Solutionicon_13.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem .SolutionListIcon-14 {
  background-image: url('../images/homeicon/Solutionicon_14.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem .SolutionListIcon-15 {
  background-image: url('../images/homeicon/Solutionicon_15.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem .SolutionListIcon-16 {
  background-image: url('../images/homeicon/Solutionicon_16.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem .SolutionListIcon-17 {
  background-image: url('../images/homeicon/Solutionicon_17.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem .SolutionListIcon-18 {
  background-image: url('../images/homeicon/Solutionicon_18.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem:hover {
  border-radius: 20px;
  box-shadow: 0 0 10px 0 rgba(187, 187, 187, 0.3);
  background-color: #fff;
  font-size: 16px;
  font-weight: bold;
  color: #c01f5e;
  font-family: Bold;
}
.index .solution-list .iconitem:hover .SolutionListIcon-1 {
  background-image: url('../images/homeicon/Solutionicon_1_Hover.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem:hover .SolutionListIcon-2 {
  background-image: url('../images/homeicon/Solutionicon_2_Hover.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem:hover .SolutionListIcon-3 {
  background-image: url('../images/homeicon/Solutionicon_3_Hover.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem:hover .SolutionListIcon-4 {
  background-image: url('../images/homeicon/Solutionicon_4_Hover.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem:hover .SolutionListIcon-5 {
  background-image: url('../images/homeicon/Solutionicon_5_Hover.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem:hover .SolutionListIcon-6 {
  background-image: url('../images/homeicon/Solutionicon_6_Hover.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem:hover .SolutionListIcon-7 {
  background-image: url('../images/homeicon/Solutionicon_7_Hover.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem:hover .SolutionListIcon-8 {
  background-image: url('../images/homeicon/Solutionicon_8_Hover.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem:hover .SolutionListIcon-9 {
  background-image: url('../images/homeicon/Solutionicon_9_Hover.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem:hover .SolutionListIcon-10 {
  background-image: url('../images/homeicon/Solutionicon_10_Hover.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem:hover .SolutionListIcon-11 {
  background-image: url('../images/homeicon/Solutionicon_11_Hover.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem:hover .SolutionListIcon-12 {
  background-image: url('../images/homeicon/Solutionicon_12_Hover.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem:hover .SolutionListIcon-13 {
  background-image: url('../images/homeicon/Solutionicon_13_Hover.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem:hover .SolutionListIcon-14 {
  background-image: url('../images/homeicon/Solutionicon_14_Hover.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem:hover .SolutionListIcon-15 {
  background-image: url('../images/homeicon/Solutionicon_15_Hover.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem:hover .SolutionListIcon-16 {
  background-image: url('../images/homeicon/Solutionicon_16_Hover.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem:hover .SolutionListIcon-17 {
  background-image: url('../images/homeicon/Solutionicon_17_Hover.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .solution-list .iconitem:hover .SolutionListIcon-18 {
  background-image: url('../images/homeicon/Solutionicon_18_Hover.svg');
  width: 23px;
  height: 23px;
  background-size: 100% 100%;
}
.index .history:hover {
  font-size: 16px;
  text-align: center;
  color: #fff;
  border-bottom: 1px solid #fff;
}
.index .banner {
  height: 600px;
  background-image: url('../images/bg-1-survey.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.index .banner .title {
  padding-top: 140px;
}
.index .banner .item {
  width: 210px;
  height: 198px;
  margin: 40px 10px 0;
  border-radius: 20px;
}
.index .banner .item:hover .item-bg {
  opacity: 1;
}
.index .banner .item .item-bg {
  width: 210px;
  height: 198px;
  background-color: #fff;
  opacity: 0.5;
  border-radius: 20px;
  z-index: 1;
}
.index .banner .item .item-warp {
  padding: 20px 52px 12px 53px;
  border-radius: 20px;
  z-index: 9;
}
.index .banner .item .item-warp:hover .start {
  font-size: 22px;
}
.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 .bg-blood-suguar {
  background-image: url("../images/blood-suguar.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.page .buttom .radio-item {
  width: 400px;
  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 #62cbc9, 0 0 0 4px rgba(98, 203, 201, 0.3) !important;
}
.page .buttom .radio-item-on .radio-item-1 {
  background-image: url("../images/icon-level-1-selected.png") !important;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 38px auto;
  overflow: hidden;
  color: #62cbc9 !important;
  font-weight: 600 !important;
}
.page .buttom .radio-item-on .radio-item-2 {
  background-image: url("../images/icon-level-2-selected.png") !important;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 38px auto;
  overflow: hidden;
  color: #62cbc9 !important;
  font-weight: 600 !important;
}
.page .buttom .radio-item-on .radio-item-3 {
  background-image: url("../images/icon-level-3-selected.png") !important;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 38px auto;
  overflow: hidden;
  color: #62cbc9 !important;
  font-weight: 600 !important;
}
.page .buttom .radio-item-on .radio-item-4 {
  background-image: url("../images/icon-level-4-selected.png") !important;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 38px auto;
  overflow: hidden;
  color: #62cbc9 !important;
  font-weight: 600 !important;
}
.page .buttom .radio-item-on .radio-item-5 {
  background-image: url("../images/icon-level-5-selected.png") !important;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 38px auto;
  overflow: hidden;
  color: #62cbc9 !important;
  font-weight: 600 !important;
}
.page .buttom .radio-item:hover {
  box-shadow: 0 0 0 2px #62cbc9, 0 0 0 4px rgba(98, 203, 201, 0.3);
  color: #62cbc9;
  font-weight: 600;
}
.page .buttom .radio-item {
  display: flex;
  align-items: center;
}
.page .buttom .radio-item-1 {
  background-image: url("../images/icon-level-1.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 38px auto;
  overflow: hidden;
}
.page .buttom .radio-item-1:hover {
  background-image: url("../images/icon-level-1-selected.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 38px auto;
  overflow: hidden;
}
.page .buttom .radio-item-on-1 {
  background-image: url("../images/icon-level-1-selected.png") !important;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 38px 38px;
  overflow: hidden;
}
.page .buttom .radio-item-2 {
  background-image: url("../images/icon-level-2.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 38px auto;
  overflow: hidden;
}
.page .buttom .radio-item-2:hover {
  background-image: url("../images/icon-level-2-selected.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 38px auto;
  overflow: hidden;
}
.page .buttom .radio-item-on-2 {
  background-image: url("../images/icon-level-2-selected.png") !important;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 38px 38px;
  overflow: hidden;
}
.page .buttom .radio-item-3 {
  background-image: url("../images/icon-level-3.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 38px auto;
  overflow: hidden;
}
.page .buttom .radio-item-3:hover {
  background-image: url("../images/icon-level-3-selected.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 38px auto;
  overflow: hidden;
}
.page .buttom .radio-item-on-3 {
  background-image: url("../images/icon-level-3-selected.png") !important;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 38px 38px;
  overflow: hidden;
}
.page .buttom .radio-item-4 {
  background-image: url("../images/icon-level-4.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 38px auto;
  overflow: hidden;
}
.page .buttom .radio-item-4:hover {
  background-image: url("../images/icon-level-4-selected.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 38px auto;
  overflow: hidden;
}
.page .buttom .radio-item-on-4 {
  background-image: url("../images/icon-level-4-selected.png") !important;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 38px 38px;
  overflow: hidden;
}
.page .buttom .radio-item-5 {
  background-image: url("../images/icon-level-5.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 38px auto;
  overflow: hidden;
}
.page .buttom .radio-item-5:hover {
  background-image: url("../images/icon-level-5-selected.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 38px auto;
  overflow: hidden;
}
.page .buttom .radio-item-on-5 {
  background-image: url("../images/icon-level-5-selected.png") !important;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 38px 38px;
  overflow: hidden;
}
.page .buttom .arrow-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #fff;
  color: #c01f5e;
}
.page .buttom .arrow-icon:hover {
  background-color: #c01f5e;
  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: 150px;
  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: 150px;
  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 #62cbc9, 0 0 0 4px rgba(98, 203, 201, 0.3);
}
.page .buttom .yes-on {
  box-shadow: 0 0 0 2px #62cbc9, 0 0 0 4px rgba(98, 203, 201, 0.3);
  background-image: url("../images/icon-yes-selected.png") !important;
  color: #62cbc9;
  font-weight: 600;
}
.page .buttom .no-on {
  box-shadow: 0 0 0 2px #c01f5e, 0 0 0 4px rgba(192, 31, 94, 0.3);
  background-image: url("../images/icon-no-selected.png") !important;
  color: #c01f5e;
  font-weight: 600;
}
.page .buttom .file {
  padding-top: 30px;
  display: flex;
  justify-content: center;
}
.page .buttom .file .items-warp {
  width: 700px;
  position: relative;
  display: flex;
  align-items: center;
}
.page .buttom .file .items-warp .upload-btn {
  width: 201px;
  height: 42px;
  border-radius: 14px;
  background-color: #c01f5e;
  padding-left: 22px;
  padding-right: 20px;
  padding-top: 9px;
  padding-bottom: 9px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.page .buttom .file .items-warp .upload-btn .icon {
  width: 24px;
  height: 24px;
  background-image: url("../images/upload.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.page .buttom .file .items-warp .upload-btn .text {
  height: 24px;
  font-size: 18px;
  font-family: "Bold";
  color: #fff;
}
.page .buttom .file .items-warp .download-btn {
  cursor: pointer;
  right: 0;
  width: 180px;
  height: 20px;
  display: flex;
  align-items: center;
}
.page .buttom .file .items-warp .download-btn .icon {
  width: 16px;
  height: 16px;
  background-image: url("../images/download-gray.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.page .buttom .file .items-warp .download-btn .text {
  height: 24px;
  font-size: 16px;
  font-family: "Regular";
  color: #818181;
}
.page .buttom .male-item {
  width: 210px;
  height: 60px;
  margin: 10px 20px 0 0;
  padding: 0 0px 0 20px;
  border-radius: 4px;
  background-color: #e6f4f4;
  background-image: url("../images/icon-male.png");
  background-size: 60px 100%;
  background-repeat: no-repeat;
  background-position: right;
  overflow: hidden;
}
.page .buttom .male-item:hover {
  box-shadow: 0 0 0 2px #62cbc9, 0 0 0 4px rgba(98, 203, 201, 0.3);
}
.page .buttom .female-item {
  width: 210px;
  height: 60px;
  margin: 10px 20px 0 0;
  padding: 0 0px 0 20px;
  border-radius: 4px;
  background-color: #e6f4f4;
  background-image: url("../images/icon-female.png");
  background-size: 60px 100%;
  background-repeat: no-repeat;
  background-position: right;
  overflow: hidden;
}
.page .buttom .female-item:hover {
  box-shadow: 0 0 0 2px #62cbc9, 0 0 0 4px rgba(98, 203, 201, 0.3);
}
.page .buttom .questionnaire {
  width: 700px;
  overflow: auto;
}
.page .buttom .questionnaire .page1 {
  padding: 50px 130px;
  height: 416px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.page .buttom .questionnaire .page2 {
  padding: 55px 60px;
  margin-bottom: 50px;
}
.page .buttom .questionnaire .item-input {
  width: 440px;
  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 #cfefee !important;
}
.page .buttom .questionnaire .item-input:focus-visible {
  outline: 0;
}
.page .buttom .questionnaire .item-input:focus {
  border: solid 2px #cfefee !important;
  box-shadow: inset 0 0 0 1px #62cbc9, 0 0 0 2px #cfefee !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 #cfefee !important;
}
.page .buttom .questionnaire .item-input1:focus-visible {
  outline: 0;
}
.page .buttom .questionnaire .item-input1:focus {
  border: solid 2px #cfefee !important;
  box-shadow: inset 0 0 0 1px #62cbc9, 0 0 0 2px #cfefee !important;
}
.page .buttom .questionnaire .sub-btn {
  width: 198px;
  height: 54px;
  line-height: 54px;
  margin: auto;
  border: none;
  border-radius: 14px;
  background-color: #62cbc9;
}
.page .buttom .content {
  height: calc(100% - 128px);
}
.page .progress-bar .gohome {
  color: #cdcdcd;
}
.page .progress-bar .gohome:hover {
  color: #62cbc9;
}
.page .progress-bar .item {
  width: 250px;
  height: 8px;
  border-radius: 4px;
  background-color: #cdcdcd;
}
.page .progress-bar .baron {
  background-color: #62cbc9;
}
.login {
  background-image: url("../images/bg-login.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.login .arrow-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #fff;
  color: #c01f5e;
}
.login .arrow-icon:hover {
  background-color: #c01f5e;
  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");
  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: #c01f5e;
  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: #c01f5e;
}
.create .arrow-icon:hover {
  background-color: #c01f5e;
  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: #c01f5e;
  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-3 {
  background-color: #eef2f7 !important;
}
.result-3 .envelope {
  background-image: url("../images/result-3-bg.png") !important;
  background-size: 100% 350px !important;
  background-color: #eef2f7 !important;
}
.result-3 .envelope .result-data {
  width: 938px;
  padding: 50px 40px 60px 40px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  background-color: #fff;
}
.result-3 .envelope .result-history {
  margin-top: 60px;
  margin-bottom: 40px;
  width: 938px;
  padding: 50px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  background-color: #fff;
}
.result {
  background-color: #e7ebee;
}
.result .foot-btn {
  bottom: 40px;
}
.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: #c01f5e;
}
.result .not .mail {
  background-image: url("../images/not-mail.png") !important;
  height: 514px !important;
}
.result .not .niu-mail {
  background-image: url("../images/no-niu-mail.png") !important;
  height: 514px !important;
}
.result .not .detail {
  display: none !important;
}
.result .niu-envelope {
  background-image: url("../images/niu-hint-bg.png") !important;
  background-color: #eef2f7 !important;
  background-size: 100% 350px !important;
}
.result .envelope {
  background-image: url("../images/result-bg.png");
  height: calc(100% - 100px);
  background-repeat: no-repeat;
  background-size: 100% 506px;
  background-color: #e7ebee;
  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/result-bg.png");
  background-repeat: no-repeat;
  background-size: 100% 506px;
  background-color: #e7ebee;
  padding-top: 80px;
}
.result .openenvelope .formula {
  width: 850px;
  height: 290px;
  padding: 50px 30px 11px;
  background-color: #fff;
}
.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: #afe8e8;
}
.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;
}
.biomarkers {
  background-color: #e7ebee;
}
.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: #c01f5e;
}
.biomarkers .envelope {
  background-image: url("../images/result-bg.png");
  background-repeat: no-repeat;
  background-size: 100% 506px;
  background-color: #e7ebee;
  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: #c01f5e;
}
.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;
}
.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/result-bg.png");
  height: calc(100% - 100px);
  background-repeat: no-repeat;
  background-size: 100% 506px;
  background-color: #e7ebee;
  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: #d8f5f5;
  color: #62cbc9;
}
.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 .foot-btn {
  bottom: 40px;
}
.history .btn {
  height: 42px;
  border-radius: 14px;
  background-color: #f0f0f0;
}
.history .back {
  top: -40px;
  left: 0px;
  width: 102px;
  height: 30px;
  border-radius: 10px;
  background-color: #f0f0f0;
}
.history .back:hover {
  background-color: #cdcdcd;
}
.history .result-items {
  background-image: url("../images/bg-history.png");
  height: calc(100% - 100px);
  background-repeat: no-repeat;
  background-size: 100% 345px;
  background-color: #e7ebee;
  padding-top: 80px;
  padding-bottom: 20px;
}
.history .result-items .onitem {
  background: #F2D2DF !important;
}
.history .result-items .item {
  border-bottom: 1px solid #cdcdcd;
}
.history .result-items .item:hover {
  background: #F8E8EE;
}
.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: #d8f5f5;
  color: #62cbc9;
}
.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: #c01f5e;
}
.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;
}
.start_sleep .carousel:hover {
  box-shadow: 0 0 14px 0 rgba(143, 236, 234, 0.4);
}
.start_sleep .ShowModalBody {
  z-index: 99999;
  background-color: #000000;
  opacity: 0.5;
  left: 0;
  top: 0;
}
.start_sleep .ShowModal {
  width: 550px;
  height: 314px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 999999;
}
.start_sleep .ShowModal .colse {
  top: 0;
  right: 10px;
  z-index: 10;
  cursor: pointer;
}
.start_sleep .banner {
  background: #747474;
}
.start_sleep .century {
  height: 778px;
  background-image: url("../images/text-bg-sleep.png");
  background-size: 100% 100%;
}
.start_sleep .page-middle {
  height: 520px;
}
.start_sleep .page-middle .bg-right {
  background-image: url("../images/meigeren.jpg");
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: left;
  background-color: #6db7a3;
}
.start_sleep .x-block {
  height: 180px;
  padding: 40px 0;
  background-color: #af2551;
}
.start_sleep .border-radius-30 {
  border-radius: 30px;
}
.start_sleep .ques {
  width: 925px;
}
.start_sleep .ques .numbox {
  border: 1px solid #000;
}
.result_sleep {
  background-color: #efefef;
}
.result_sleep .numbox {
  border: 1px solid #000;
}
.result_sleep .foot-btn {
  bottom: 40px;
}
.result_sleep .foot-btn .btn {
  height: 52px;
  border-radius: 14px;
  background-color: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
}
.result_sleep .foot-btn .btn:hover {
  color: #fff;
  background-color: #c01f5e;
}
.result_sleep .ques {
  width: 800px;
}
.result_sleep .border-radius-30 {
  border-radius: 30px;
}
.icon-btn:hover {
  box-shadow: 0 0 14px 0 rgba(192, 31, 94, 0.2);
}
/*# sourceMappingURL=page.css.map */