questionnaireWeight.css

html,body {
  height: 100%;
  width: 100%;
  background-color: #fff;
}
#content{
  width: 100%;
  height: 100%;
}
#content img {
  width: 100%;
  height:100%;
}
.strip-line{
  background-color: #F6F6FC;
  height: .2rem;
  width: 100%;
}
.content_body{
  padding: 0 .48rem;
}
.content_body input{
  height: .76rem;
  background-color: #F9F9F9;
}
.content_footer{
  position: fixed;
  bottom:0;
  height: 1.2rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  z-index: 10;
}
input::-webkit-input-placeholder {
    /* placeholder颜色  */
    color: #aab2bd;
    /* placeholder字体大小  */
    font-size: .28rem;
    /* placeholder位置  */
    text-align: left;
}
input{
  outline: none;
  border: 0px!important;
}
.content_body_title{
  width: 100%;
  padding: .24rem 0;
  border-bottom:.01rem solid #F2F2F2;
  font-size:.36rem;
  font-family:PingFangSC-Semibold,PingFang SC;
  font-weight:600;
  color:rgba(53,53,76,1);
}
 #text_red{
  color:rgba(244,94,25,1);
  padding-right: .1rem; 
}
.content_body_weight{
  margin-top: .2rem;
}
.content_body_weight,.content_body_height{
  display: block;
  padding: .24rem 0;
  font-size:.32rem;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  color: #262626;
}
.next{
  position: absolute;
  bottom: .32rem;
  left: 50%;
  transform: translateX(-50%);
  height: .88rem;
  width: 6.86rem;
  font-size: .36rem;
  background-color: #2CBCA0;
  color:#fff;
  border: 0;
  outline: none;
}