* {
  margin: 0;
  padding: 0;
}


/* 隐藏滚动条 */
::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}

input::-webkit-input-placeholder { /* WebKit browsers */
  font-size: 0.12rem;
  color: #B3B3B3;
  -webkit-text-fill-color: #B3B3B3
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
  font-size: 0.12rem;
  color: #B3B3B3;
  -webkit-text-fill-color: #B3B3B3

}

input:-ms-input-placeholder { /* Internet Explorer 10+ */
  font-size: 0.12rem;
  color: #B3B3B3;
  -webkit-text-fill-color: #B3B3B3
}

/*textarea*/
textarea::-webkit-input-placeholder { /* WebKit browsers */
  /*color: #fff;*/
  font-size: 0.12rem;

}

textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  font-size: 0.12rem;
}

textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
  font-size: 0.12rem;

}

textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
  font-size: 0.12rem;
}

.loginPage {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: url('../images/loginPage.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.loginTitle {
  width: 100%;
  padding: 0.5rem;
  padding-right: 0rem;
  margin-top: 0.5rem;
}

.Hitext {
  width: 100%;
  line-height: 0.5rem;
  font-size: 0.24rem;
  color: #fff;
}

.welcomeText {
  font-size: 0.18rem;
  font-family: PingFang-SC-Bold;
}

.loginBody {
  width: 90%;
  margin-left: 5%;
  margin-top: 0.3rem;
}

.loginInput {
  width: 100%;
  border-bottom: 1px solid #fff;
  height: 0.6rem;
}

.loginLeft {
  width: 5%;
  height: 100%;
  line-height: 0.6rem;
  margin-left: 0.1rem;
  display: inline-block;
  float: left;
}

.loginLeft img {
  width: 100%;
}

.loginRight {
  width: 85%;
  line-height: 0.6rem;
  display: inline-block;
  float: left;
}

.loginRight input {
  width: 100%;
  background: none;
  color: #fff;
  padding-left: 0.3rem;
  line-height: 0.4rem;
}

.loginRight input::-webkit-input-placeholder { /* WebKit browsers */
  font-size: 0.12rem;
  font-family: SourceHanSansCN-Regular;
  color: #fff;
  -webkit-text-fill-color: #fff
}

.loginRight input::-moz-placeholder { /* WebKit browsers */
  font-size: 0.12rem;
  font-family: SourceHanSansCN-Regular;
  color: #fff;
  -webkit-text-fill-color: #fff
}

.loginRight input::-ms-input-placeholder { /* WebKit browsers */
  font-size: 0.12rem;
  font-family: SourceHanSansCN-Regular;
  color: #fff;
  -webkit-text-fill-color: #fff

}

.widthCenter {
  width: 60%;
}

.getCodes {
  width: 28%;
  height: 0.3rem;
  line-height: 0.3rem;
  background: #fff;
  border-radius: 0.15rem;
  font-size: 0.12rem;
  color: #008057;
  text-align: center;
  display: inline-block;
  float: left;
  margin-top: 0.15rem;
}

.loginBtn {
  width: 100%;
  height: 0.4rem;
  text-align: center;
  line-height: 0.4rem;
  background: #FFFFFF;
  border-radius: 0.2rem;
  color: #008057;
  font-size: 0.18rem;
  margin-top: 0.4rem;
}

.pageWhole {
  width: 100%;
  height: auto;
  /*background: #F2F5FF;*/
  float: left;
}

.homeHead {
  width: 95%;
  margin-left: 2.5%;
  height: 0.64rem;
  background-image: linear-gradient(to right, #1FB786, #008057);
  box-shadow: 0rem 0rem 0.05rem #008057;
  border-radius: 0.1rem;
  margin-top: 0.2rem;
  float: left;
}

.homeHeadLeft {
  width: 70%;
  display: inline-block;
  float: left;
}

.homeHeadTitle {
  width: 100%;
  line-height: 0.3rem;
  font-size: 0.13rem;
  color: #fff;
  padding-left: 0.1rem;
}

.homeHeadTitle:first-child {
  margin-top: 0.02rem;
}

.homeHeadRight {
  width: 30%;
  display: inline-block;
  float: right;
}

.homeHeadRight {
  line-height: 0.64rem;
  text-align: center;
}

.homeHeadRight span {
  line-height: 0.64rem;
  font-size: 0.11rem;
  color: #fff;
}

.homeBody {
  width: 95%;
  margin-left: 2.5%;
  height: 2rem;
  float: left;
  box-shadow: 0rem 0.01rem 0.02rem #A2A2A2;
  /*border:  0.01rem solid #A2A2A2;*/
  margin-top: 0.2rem;
  border-radius: 0.1rem;
}

.homeBodyTop {
  width: 100%;
  height: 1.5rem;
  position: relative;
}

.homeBodyTop img {
  width: 100%;
  height: 100%;
}

.homeBodyTopTitle {
  width: 100%;
  text-align: center;
  font-size: 0.18rem;
  color: #fff;
  line-height: 0.3rem;
  margin-top: 0.4rem;
}

.nextOne {
  font-size: 0.12rem;
  margin-top: 0rem;
}

.homeBodyTopParent {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 8;
}

.homeBottom {
  width: 100%;
  line-height: 0.5rem;
  padding-left: 0.15rem;
  color: #999999;
  font-size: 0.13rem;
}

.goToJump {
  float: right;
  color: #008057;
  font-size: 0.13rem;
  margin-right: 0.15rem;
  line-height: 0.6rem;
  text-decoration: underline;
}

.pageBorder {
  width: 100%;
  float: left;
  height: 0.7rem;
}

.homeFixed {
  width: 100%;
  height: 0.6rem;
  /*line-height: 0.5rem;*/
  text-align: center;
  border-top: 1px solid #D6D7DD;
  position: fixed;
  bottom: 0px;
  background: #FFFFFF;
  z-index: 9;
}

.homeFixedCenter {
  display: inline-block;
  height: 0.6rem;
}

.homeFixedCenter img {
  width: 0.2rem;
  height: 0.2rem;
  margin-top: 0.1rem;
}

.fixedHomd {
  line-height: 0.2rem;
  font-size: 0.14rem;
  margin-top: 0.07rem;
}

.homeFixedCenter:first-child {
  margin-right: 1rem;
}

.healthyStyle {
  min-width: 0.7rem;
  float: left;
  line-height: 0.25rem;
  text-align: center;
  background: #41B492;
  border-radius: 0.2rem;
  display: inline-block;
  margin-left: 0.1rem;
  padding-left: 0.1rem;
  padding-right: 0.1rem;
}

.doToRun {
  display: inline-block;
  float: left;
}

.vipPerson {
  width: 100%;
  height: 2rem;
  position: relative;
}

.vipImg {
  width: 100%;
  height: 100%;
}

.successPay {
  width: 60%;
  height: 1.5rem;
  margin: 0 auto;
}

.successImg {
  width: 0.75rem;
  height: 0.75rem;
  margin: 0 auto;
  border-radius: 0.375rem;
  overflow: hidden;
}

.vipChuang {
  position: absolute;
  top: 0.2rem;
  margin-left: 20%;
}

.nameVip {
  color: #fff;
  font-size: 0.18rem;
  font-weight: 600;
  line-height: 0.3rem;
  margin-top: 0.1rem;
  text-align: center;
}

.nameVip img {
  margin-left: 0.1rem;
  width: 0.2rem;
  height: 0.2rem;
  margin-top: -0.1rem;
}

.telVIp {
  width: 100%;
  line-height: 0.3rem;
  text-align: center;
  font-size: 0.15rem;
  color: #fff;
}

.myHealthy {
  /*width: 90%;*/
  /*margin-left: 5%;*/
  /*height: 1.5rem;*/
  /*background: #fff;*/
  /*position: relative;*/
  /*box-shadow: 0rem 0.02rem 0.05rem #A2A2A2;*/
  /*top: -0.3rem;*/
  /*border-radius: 0.1rem;*/
}

.myHealthyTop {
  width: 100%;
  line-height: 0.4rem;
  color: #008057;
  font-size: 0.15rem;
  padding-left: 0.2rem;
}

.myHealthyBottom {
  width: 100%;
  height: 1.1rem;
  margin-left: -0.05rem;
}

.vipPersonPages .myHealthyBottom {
  margin-left: 0rem;
}

.myHealthyBottomOne {
  width: auto;
  display: inline-block;
  height: 100%;
  float: left;
  text-align: center;
  margin-left: 0.1rem;
}

.vipPersonPages .myHealthyBottomOne {
  margin-left: 0rem;
  width: 33%;
}

.myHealthyBottomOne img {
  width: 0.28rem;
  height: 0.28rem;
  margin-top: 0.16rem;
}

.healthyCon {
  width: 100%;
  text-align: center;
  line-height: 0.5rem;
  font-size: 0.14rem;
  color: #000;
}

.personalPages {
  width: 100%;
  height: 100%;
  /*position: absolute;*/
  /*top:0rem;*/
  /*bottom: 0rem;*/
  /*background: #F5F5F5;*/
}

.personalEvery {
  width: 100%;
  height: 0.6rem;
  line-height: 0.6rem;
  border-bottom: 0.01rem solid #E6E6E6;
  background: #fff;
}

.personalEveryLeft {
  width: 30%;
  display: inline-block;
  float: left;
  line-height: 0.6rem;
  color: #2D2933;
  font-size: 0.15rem;
  text-align: left;
  padding-left: 0.2rem;
}

.personalEveryRidgt {
  width: 62%;
  display: inline-block;
  text-align: right;
  line-height: 0.6rem;
  color: #9A989D;
  font-size: 0.13rem;
  position: relative;
}

.personalEveryRidgt .touPic {
  width: 0.4rem;
  height: 0.4rem;
  /*margin-top: 0.18rem;*/
}

.leftImg {
  /*width: 0.13rem;*/
  /*height: 0.25rem;*/
  margin-left: 0.1rem;
  position: absolute;
  top: 0.24rem;
  right: -0.2rem;
}

.personalEveryRidgt input {
  text-align: right;
  background: none;
  font-size: 0.14rem;
  color: #444444;
  line-height: 0.3rem;
}

.saveSubmit {
  width: 1.4rem;
  line-height: 0.3rem;
  border-radius: 0.15rem;
  text-align: center;
  background: #008057;
  color: #fff;
  font-size: 0.16rem;
  margin: 0 auto;
  margin-top: 0.8rem;
  margin-bottom: 0.4rem;
}

select {
  /*将默认的select选择框样式清除*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  background: none;
}

/*IE浏览器隐藏下拉箭头*/
select::-ms-expand {
  display: none;
}

.personalEveryRidgt select {
  border: none;
  width: 100%;
  font-size: 0.14rem;
  color: #444444;
  line-height: 0.3rem;
  text-align: right !important;
  text-align-last: right !important;
  direction: rtl !important;
}

.personalEveryRidgt select option {
  /*text-align:right!important;*/
  /*text-align-last: right !important;*/
  /*direction:rtl!important;*/
}

.healthyPage {
  width: 95%;
  margin-left: 2.5%;
  margin-top: 0.2rem;
  float: left;
  position: relative;
}

.bgModel {
  width: 100%;
  height: 5rem;
}

.healthyPageMore {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0rem;
  float: left;
}

.healthyTop {
  width: 100%;
  float: left;
}

.healthyTopLeft {
  width: 60%;
  height: 0.6rem;
  display: inline-block;
  float: left;
}

.personalS {
  width: 100%;
  color: #4D4D4D;
  text-align: left;
  padding-left: 0.2rem;
  font-size: 0.15rem;
  line-height: 0.3rem;
  margin-top: 0.1rem;
}

.newStyles {
  font-size: 0.12rem;
  color: #888888;
  margin-top: 0rem;

}

.editsINfo {
  width: 0.15rem;
  margin-left: 0.1rem;
}

.healthyTopRight {
  width: 35%;
  display: inline-block;
  float: left;
  height: 0.6rem;
}

.newHeis {
  width: 1rem;
  height: 0.3rem;
  border: 0.01rem solid #F5F5F5;
  border-radius: 0.05rem;
  margin-top: 0.2rem;
  float: right;
  position: relative;
}

.newHeis select {
  width: 100%;
  line-height: 0.3rem;
  font-size: 0.13rem;
  color: #333;
  padding-left: 0.1rem;
}

.boImg {
  position: absolute;
  top: 0.1rem;
  right: 0.1rem;
}

.healthyBody {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0.5rem;
}

.healthyBody img {
  height: 3.3rem;
}

.leftText {
  width: 1rem;
  position: absolute;
  left: 0.1rem;
  line-height: 0.2rem;
  color: #4D4D4D;
  font-size: 0.13rem;
  text-align: center;
  top: 0.02rem;
}

.leftTexts {
  width: 1rem;
  position: absolute;
  right: 0.1rem;
  line-height: 0.2rem;
  color: #4D4D4D;
  font-size: 0.13rem;
  text-align: center;
  top: 0.02rem;
}

.fontSizes {
  font-size: 0.11rem;
  color: #888;
  line-height: 0.15rem;
}

.leftTextBottom {
  width: 1rem;
  position: absolute;
  line-height: 0.2rem;
  color: #4D4D4D;
  font-size: 0.13rem;
  text-align: center;
}

.bottomStyles {
  top: 1.2rem;
  left: 0.1rem;
}

.greenDivs {
  width: 1rem;
  border: 0.01rem dashed #008057;
  position: absolute;
}

.bottomStyle {
  top: 0.7rem;
  right: 0.3rem;
}

.heartStyle {
  top: 0.18rem;
  right: 0.6rem;
  width: 0.8rem;
}

.heartStyleNW {
  top: 0.18rem;
  right: 0.7rem;
  width: 0.7rem;
}

.bottomStyleNew {
  top: 1.05rem;
  right: 0.1rem;
}

.bottomStyleNews {
  top: 1.4rem;
  right: 0.1rem;
}

.heartStyleNWs {
  top: 0.18rem;
  right: 0.6rem;
}

.healthyPageStyle {
  float: left;
  margin-top: 0.4rem;
}

.runPeople {
  width: 100%;
  margin: 0 auto;
  background: #EAECEB;
  text-align: center;
  color: #000;
  font-size: 0.12rem;
  padding: 0rem 0.2rem;
  line-height: 0.28rem;
  border-radius: 0.14rem;
  margin-top: 0.15rem;
}

/*.greenColor {*/
/*  background: #008057;*/
/*  color: #fff;*/
/*}*/

.healthyPageStyle .myHealthyBottomOne {
  height: auto;
}

.editInfoPages {
  width: 95%;
  margin-left: 2.5%;
  height: 0.5rem;
  line-height: 0.5rem;
  background: #fff;
  position: relative;
  box-shadow: 0rem 0.02rem 0.05rem #A2A2A2;
  border-radius: 0.1rem;
  margin-top: 0.15rem;
}

.editImg {
  margin-left: 0.1rem;
  margin-top: -0.05rem;
}

.textColors {
  margin-left: 0.1rem;
  font-size: 0.15rem;
  color: #000;
}

.floatRights {
  float: right;
  margin-right: 0.1rem;
  margin-top: 0.2rem;
}

.infoPages {
  height: 100%;
}

.healthyIconPage {
  width: 100%;
  height: 0.8rem;
  line-height: 0.8rem;
  color: #008057;
  font-size: 0.15rem;
  text-align: center;
}

.leftRight {
  margin-left: 0.15rem;
  margin-right: 0.15rem;
}

.healthyIcon {
  width: 100%;
  height: auto;
  float: left;
  text-align: center;
}

/*.bigChang {*/
/*  width: 1.18rem;*/
/*  height: 1.18rem;*/
/*  line-height: 1.18rem;*/
/*  background: #008057;*/
/*  color: #fff;*/
/*  font-size: 0.18rem;*/
/*}*/

.widthLittle {
  width: 0.98rem;
  height: 0.98rem;
  background: rgba(0, 128, 87, 0.5);
  color: #fff;
  font-size: 0.15rem;
  line-height: 0.98rem;
}

.iconStyle {
  border-radius: 50%;
  display: inline-block;
  float: right;
}

.fenColors {
  background: rgba(255, 138, 0, 0.3);
  color: #FF8A00;
  width: 0.63rem;
  height: 0.63rem;
  line-height: 0.63rem;
  font-size: 0.12rem;
}

.yaoHealthy {
  width: 95%;
  margin-left: 2.5%;
  float: left;
  position: relative;
  margin-top: 0.2rem;

}

.yaoBg {
  width: 100%;
}

.yaoBgWhole {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
}

.yaoBgWholeTop {
  width: 90%;
  float: left;
  margin-left: 5%;
  line-height: 0.3rem;
  font-size: 0.15rem;
  color: #4D4D4D;
  text-align: left;
  margin-top: 0.05rem;

}

.yaoBtns {
  width: 90%;
  margin-left: 5%;
  float: left;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
}

.littleDBtn {
  width: 0.75rem;
  text-align: center;
  height: 0.25rem;
  line-height: 0.25rem;
  color: #fff;
  background: #008057;
  border-radius: 0.125rem;
  font-size: 0.16rem;
  display: inline-block;
}

.lastChildStyles {
  border: 1px solid #888888;
  background: #fff;
  color: #000000;
}

.littleDBtn:last-child {
  margin-left: 0.8rem;
}

.viewDivs {
  width: 95%;
  display: inline-block;
  float: left;
  margin-left: 2.5%;
}

.viewDivs .myHealthyBottomOne {
  height: auto;
}

.viewDivs .myHealthyBottom {
  height: auto;
}

.viewDivs .runPeople {
  background: #fff;
  border: 0.01rem solid #888888;
}

.saveSubmitWhole {
  width: 100%;
  float: left;
  height: auto;
}

.saveSubmitWhole .saveSubmit {
  margin-top: 0.2rem;
}

.pageOnes {
  width: 100%;
  height: 100%;
  background: #F2F5FF;
}

.pageOnesTwo {
  width: 100%;
  height: auto;
  float: left;
  background: #F2F5FF;
}

.healthyYS {
  width: 95%;
  height: 4.8rem;
  overflow-y: auto;
  overflow-x: hidden;
  background: url('../images/model.png');
  background-size: 100% 100%;
  background-repeat: 'no-repeat';
  background-position: center;
}

.healthyYS .yaoBg {
  height: 100%
}

.zhenDuis {
  width: 90%;
  font-size: 0.14rem;
  text-align: left;
  color: #4D4D4D;
  margin-left: 5%;
  margin-top: 0.2rem;
  line-height: 0.3rem;
}

.undelines {
  display: inline-block;
  width: 0.4rem;
  color: #4D4D4D;
  border-bottom: 0.01rem solid #4D4D4D;
}

.fatherMother {
  margin-top: 0.2rem;
  padding-top: 0.1rem;
  border-top: 0.01rem dashed #D4D4D4;
}

.editHealthyPages .personalEveryRidgt {
  text-align: left;
  width: 50%;
}

.editHealthyPages .personalEveryRidgt input {
  text-align: left;
  width: 100%;
  font-size: 0.14rem;
  color: #444444;
}

.editHealthyPages .personalEveryRidgt select {
  text-align: left;
  width: 100%;
  font-size: 0.14rem;
  color: #444444;
}

.editHealthyPagesRight {
  width: 11%;
  display: inline-block;
  float: right;
  height: 100%;
  font-size: 0.14rem;
  color: #2D2933;
  margin-right: 3%;
  text-align: right;
}

.xings {
  color: #008057;
}

.familyPeoplePage {
  width: 100%;
  height: auto;
  float: left;
}

.peopleList {
  width: 95%;
  height: auto;
  margin-left: 2.5%;
  float: left;
  margin-top: 0.1rem;
}

.peopleListLeft {
  width: 10%;
  height: auto;
  float: left;
  text-align: center;
  line-height: 0.3rem;
}

.peopleListCenter {
  min-width: 30%;
  display: inline-block;
  float: left;
}

.peopleListCenterText {
  width: 100%;
  line-height: 0.3rem;
  text-align: left;
  font-size: 0.12rem;
  color: #333333;
}

.peopleListRight {
  width: 60%;
  display: inline-block;
  float: left;
}

.firstChildText {
  font-size: 0.15rem;
  color: #000;
}

.peopleListLeft img {
  position: relative;
  top: -0.03rem;
  width: 0.15rem;
}

.peopleBtnList {
  width: 100%;
  text-align: right;
  height: 0.4rem;
  line-height: 0.4rem;
  border-top: 0.01rem solid #F3F3F3;
  float: left;
  margin-top: 0.1rem;
  margin-bottom: 0.05rem;
  padding: 0rem 0.1rem;
}

.peopleBtn {
  width: auto;
  line-height: 0.2rem;
  text-align: center;
  padding: 0rem 0.1rem;
  font-size: 0.12rem;
  border-radius: 0.1rem;
  margin-right: 0.1rem;
  display: inline-block;
}

.peopleBtn:last-child {
  margin-right: 0rem;
}

.removeBtn {
  color: #FF8A00;
  border: 0.01rem solid #FF8A00;
}

.editBtn {
  color: #008057;
  border: 0.01rem solid #008057;
}

.editBtns {
  color: #fff;
  background: #008057;
}

.huiSes {
  width: 100%;
  height: 0.05rem;
  float: left;
  background: #F3F3F3;
}

.programPage {
  width: 95%;
  height: 1.4rem;
  margin-left: 2.5%;
  margin-top: 0.1rem;
  position: relative;
}

.pageWholes {
  width: 100%;
  height: 100%;
  background: #F2F5FF;
}

.programPageImg {
  width: 100%;
  height: 100%;
}

.programPageWhole {
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0px;
}

.programPageOne {
  color: #fff;
  font-size: 0.15rem;
  line-height: 0.3rem;
  width: 90%;
  margin-left: 5%;
}

.proLittle {
  font-size: 0.12rem;
}

.btnProgram {
  width: 90%;
  margin-left: 5%;
  text-align: left;
  line-height: 0.3rem;
}

.btnOne {
  width: auto;
  display: inline-block;
  padding: 0rem 0.1rem;
  line-height: 0.25rem;
  border: 0.01rem solid #fff;
  color: #fff;
  border-radius: 0.125rem;
  font-size: 0.12rem;
}

.btnImg {
  position: absolute;
  bottom: 0.2rem;
  right: 0.3rem;
  width: 0.7rem;
  height: 0.7rem;
}

.btnImg img {
  width: 100%;
  height: 100%;
}

.programViewPage {
  width: 90%;
  margin-left: 5%;
  height: 3.4rem;
  margin-top: 0.6rem;
  float: left;
  position: relative;
}

.viewImgs {
  width: 100%;
  height: 100%;
}

.newsBg {
  background: url('../images/new.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}

.programOneTop {
  width: 100%;
  height: 100%;
  position: absolute;
  top: -0.15rem;
}

.programOneTopImg {
  width: 1.48rem;
  height: 0.3rem;
  line-height: 0.3rem;
  text-align: center;
  margin: 0 auto;
  color: #fff;
  font-size: 0.15rem;
  /*background: url('../images/text.png');*/
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.fenView {
  width: 100%;
  line-height: 0.3rem;
  text-align: center;
  font-size: 0.2rem;
  color: #008057;
  margin-top: 0.4rem;
}

.fenView img {
  height: 0.15rem;
}

.fenViewTwo {
  line-height: 0.15rem;
}

.programName {
  width: 100%;
  line-height: 0.2rem;
  font-size: 0.14rem;
  text-align: center;
  color: #000000;
  margin-top: 0.1rem;
}

.viewTexts {
  text-align: left;
  width: 80%;
  margin-left: 10%;
  color: #888888;
  font-size: 0.12rem;
  line-height: 0.2rem;
  margin-top: 0.2rem;
}

.shareBtns {
  width: 80%;
  line-height: 0.4rem;
  background: #008057;
  color: #fff;
  float: left;
  margin-left: 10%;
  border-radius: 0.2rem;
  font-size: 0.16rem;
  margin-top: 0.6rem;
  text-align: center;
}

.shareBtns img {
  width: 0.2rem;
  margin-right: 0.1rem;
}

.healthyerPage {
  width: 95%;
  height: auto;
  margin-left: 2.5%;
  margin-top: 0.2rem;
  overflow: auto;
  margin-bottom: 0.1rem;
  float: left;
}

.peopleName {
  font-size: 0.15rem;
  color: #4D4D4D;
  line-height: 0.3rem;
  margin-top: 0.1rem;
}

.peopleNames {
  font-size: 0.12rem;
  color: #888888;
  line-height: 0.2rem;
}

.widthRange {
  width: 90%;
  margin-left: 5%;
  float: left;
}

.healthyPages {
  width: 100%;
  height: auto;
  float: left;
  background: #fff;
  border-top-left-radius: 0.05rem;
  border-top-right-radius: 0.05rem;
}

.yuanImgs {
  width: 100%;
  height: auto;
  float: left;
  margin-top: -0.01rem;
}

.yuanImgs img {
  width: 100%;

}

.specialPage {
  width: 100%;
  height: auto;
  float: left;
  background: #fff;
  padding-bottom: 0.2rem;
}

.maintext {
  width: 100%;
  color: #008057;
  font-size: 0.13rem;
  line-height: 0.3rem;
  font-weight: 500;
}

.maintext span {
  color: #008057;
  font-weight: 600;
}

.mainDetails {
  width: 90%;
  margin-left: 5%;
  text-align: left;
  font-size: 0.12rem;
  color: #888888;
  line-height: 0.25rem;
}

.mainDetails img {
  width: 100%;
}

.lastOnes {
  border-bottom-right-radius: 0.05rem;
  border-bottom-left-radius: 0.05rem;
}

.HealthAssessment {
  width: 0.62rem;
  height: 0.62rem;
  position: fixed;
  bottom: 0.8rem;
  right: 0.1rem;
  z-index: 88;
}

.HealthAssessment img {
  width: 100%;
  height: 100%;
}

.HealthAssessment span {
  width: 0.62rem;
  position: fixed;
  color: #fff;
  bottom: 1.15rem;
  right: 0.1rem;
  font-size: 0.13rem;
  display: inline-block;
  text-align: center;
}

.HealthAssessment .ceping {
  bottom: 0.95rem;
}

.homeBottomLeft {
  width: 100%;
  display: inline-block;
  float: left;
  line-height: 0.2rem;
}

.homeBottomLeft:first-child {
  margin-top: 0.05rem;
  font-size: 0.12rem;
  color: #000000;
}

.homeBottomLeft:last-child {
  line-height: 0.3rem;
}

.homeBottomLeft:last-child .goToJump {
  background: #008057;
  width: auto;
  position: relative;
  top: -0.1rem;
  padding: 0rem 0.1rem;
  line-height: 0.25rem;
  border-radius: 0.125rem;
  color: #fff;
  font-size: 0.12rem;
  text-decoration: none;
}

.againProgram {
  position: absolute;
  bottom: 0.1rem;
  color: #008057;
  font-size: 0.11rem;
  background: #fff;
  right: 0.15rem;
  z-index: 89;
}

.modelPages {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 90;
}

.modelPagesCenter {
  width: 85%;
  margin: 0 auto;
  margin-left: 7.5%;
  margin-top: 1rem;
  height: 3rem;
  position: relative;
}

.bgs {
  width: 100%;
  height: 100%;
}

.modelContent {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
}

.modelContentTop {
  width: 70%;
  margin-left: 15%;
  float: left;
  line-height: 0.3rem;
  color: #fff;
  font-size: 0.18rem;
  font-family: PingFang-SC-Medium;
}

.modelContentTop:first-child {
  margin-top: 0.1rem;
  font-size: 0.15rem;
}

.modelContentcenter {
  width: 95%;
  margin-left: 2.5%;
  float: left;
  margin-top: 0.3rem;
  text-align: center;
}

.modelContentCenterLeft {
  width: 30%;
  display: inline-block;
  border: 0.01rem solid #C7C7C7;
  font-size: 0.16rem;
  color: #000000;
  line-height: 0.3rem;
  border-radius: 0.15rem;
  margin-top: 0.1rem;
}

.zhuYI {
  width: 90%;
  margin-left: 5%;
  float: left;
  line-height: 0.2rem;
  font-size: 0.11rem;
  color: #FF8A00;
  text-align: left;
  margin-top: 0.4rem;
}

.goTOTi {
  width: 1.4rem;
  margin: 0 auto;
  line-height: 0.3rem;
  border-radius: 0.15rem;
  background: #008057;
  font-size: 0.16rem;
  color: #fff;
  text-align: center;
  margin-top: 0.3rem;
}

.questionnaireImg {
  width: 100%;
  height: 2.5rem;
}

.questionnairePage {
  width: 100%;
  /* height: 100%; */
  position: absolute;
  top: 0px;
  z-index: 7;
  float: left;
  margin-bottom: 0.4rem;

}

.topic {
  width: 100%;
  line-height: 0.4rem;
  text-align: center;
  font-size: 0.15rem;
  color: #fff;
  margin-top: 0.1rem;
  margin-bottom: 0.1rem;
}

.questionPage {
  width: 90%;
  height: 5rem;
  margin-left: 5%;
  background: url(../images/p2.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  box-shadow: 0rem 0.1rem 0.1rem #ccc;
  position: relative;
  top: -0.2rem;
  margin-bottom: 0.4rem;
  border-bottom-left-radius: 0.1rem;
  border-bottom-right-radius: 0.1rem;
}

.opations {
  width: 80%;
  margin-left: 10%;
  height: 0.2rem;
  border-radius: 0.1rem;
  background: rgba(255, 255, 255, 0.5);
}

.newWidths {
  width: 85%;
  margin-left: 7.5%;
  position: relative;
  top: -0.1rem;
  background: rgba(255, 255, 255, 0.7);
}

.questionCenter {
  width: 80%;
  margin-left: 10%;
  float: left;
}

.questionTitle {
  width: 100%;
  line-height: 0.3rem;
  color: #333333;
  font-size: 0.16rem;
  text-align: left;
  margin-top: 0.3rem;
}

.questions {
  width: 100%;
  float: left;
  margin-top: 0.4rem;
}

.questionsNoMar {
  width: 100%;
  float: left;
}

.questionsLeft {
  display: inline-block;
  float: left;
  width: 80%;
  line-height: 0.35rem;
  font-size: 0.16rem;
  color: #333;
}

.questionsRight {
  width: 20%;
  display: inline-block;
  float: left;
  text-align: right;
  line-height: 0.35rem;
}

.questionsRight img {
  width: 0.16rem;
  height: 0.16rem;
}

.questionBtn {
  width: 80%;
  position: absolute;
  bottom: 0.5rem;
  margin-left: 10%;
}

.questionBtnLeft {
  width: 1rem;
  height: 0.38rem;
  line-height: 0.38rem;
  background: #008057;
  border-radius: 0.19rem;
  text-align: center;
  font-size: 0.18rem;
  color: #fff;
  display: inline-block;
}

.questionBtnLeft:first-child {
  float: left;
}

.questionBtnLeft:last-child {
  float: right;
}

.wenImg {
  float: right;
  width: 0.16rem;
  height: 0.16rem;
  margin-right: 0.1rem;
  margin-top: 0.11rem;
}

.firstChildTexts {
  font-size: 0.12rem;
  color: #888;
}

.minHeights {
  min-height: 5rem;
  border-bottom-right-radius: 0.05rem;
  border-bottom-left-radius: 0.05rem;
}

.yaoIMgs {
  height: 0.76rem;
}

.drugView .widthRange {
  margin-top: 0.1rem;
}

.recordPageTop {
  width: 100%;
  line-height: 0.35rem;
  color: #BCBFC0;
  font-size: 0.15rem;
  text-align: right;
  margin-bottom: 0.05rem;
}

.recordPageInput {
  width: 88%;
  display: inline-block;
  float: left;
  height: 0.35rem;
  line-height: 0.35rem;
  background: #BCBFC0;
  border-radius: 0.175rem;
}

.recordPageInputImgs {
  display: inline-block;
  float: left;
  width: 10%;
  line-height: 0.35rem;
}

.recordPageInputImgs img {
  height: 0.17rem;
  width: 0.17rem;

}

.recordPageNew {
  width: 70%;
  display: inline-block;
  float: left;
  line-height: 0.35rem;
  font-size: 0.15rem;
  color: #fff;
  margin-left: 4%;
}

.recordPageNew input {
  width: 100%;
  line-height: 0.3rem;
  font-size: 0.15rem;
  color: #fff;
  background: none;
  border: none;
}

.recordPageNew input::-webkit-input-placeholder { /* WebKit browsers */
  font-size: 0.12rem;
  color: #DEDEDE;
  -webkit-text-fill-color: #DEDEDE
}

.recordPageNew input::-moz-placeholder { /* Mozilla Firefox 19+ */
  font-size: 0.12rem;
  color: #DEDEDE;
  -webkit-text-fill-color: #DEDEDE

}

.recordPageNew input:-ms-input-placeholder { /* Internet Explorer 10+ */
  font-size: 0.12rem;
  color: #DEDEDE;
  -webkit-text-fill-color: #DEDEDE
}

.recordPages {
  min-height: 1.5rem;
  background: #fff;
  box-shadow: 0rem 0.02rem 0.05rem #A2A2A2;
  border-radius: 0.1rem;
  float: left;
  width: 100%;
  margin-bottom: 0.05rem;
  margin-top: 0.1rem;
  padding-bottom: 0.1rem;
}

.recordGreen {
  width: 100%;
  height: 0.2rem;
  border-top-right-radius: 0.1rem;
  border-top-left-radius: 0.1rem;
  background: #008057;
}

.nickName {
  width: 90%;
  margin-left: 5%;
  float: left;
  height: auto;
  margin-top: 0.1rem;
}

.nickNameLeft {
  width: 25%;
  display: inline-block;
  float: left;
  line-height: 0.2rem;
  font-size: 0.15rem;
  color: #000;
  font-family: PingFang-SC-Regular;
}

.nickNameRight {
  width: 75%;
  display: inline-block;
  float: left;
  line-height: 0.2rem;
  font-size: 0.15rem;
  font-family: PingFang-SC-Regular;
  color: #000;
}

.HUiFont {
  font-size: 0.12rem;
  color: #888888;
}

.widthLittles {
  width: 49%;
  display: inline-block;
  float: left;
}

.widthLittles .HUiFont {
  color: #000;
}

.nickNameBtn {
  width: auto;
  padding: 0rem 0.2rem;
  line-height: 0.25rem;
  float: right;
  margin-right: 0.1rem;
  background: #008057;
  border-radius: 0.125rem;
  color: #FFFFFF;
  font-size: 0.11rem;
  margin-top: 0.1rem;
}

.Zongshue {
  width: 100%;
  background: #fff;
  float: left;
  min-height: 4rem;
  padding-bottom: 0.3rem;
  border-bottom-left-radius: 0.1rem;
  border-bottom-right-radius: 0.1rem;
  box-shadow: 0.02rem 0.03rem 0.05rem #ccc;
  margin-bottom: 0.1rem;
}

.Zongshue .myHealthyBottom {
  /*margin-bottom: 0.3rem;*/
  float: left;
}

.minHeightStyle {
  min-height: 0.6rem;
}

.Zongshue .viewDivs {
  width: 90%;
  margin-left: 5%;
}

.Zongshue .myHealthyTop {
  padding-left: 0rem;
}

.removeBtns .deleBtns {
  border-left: none;
  color: #E94F45!important;
  float: right;
}

a:hover, a:focus {
  /*color: #2a6496;*/
  text-decoration: none!important;
}