AmendClient.css

body{
  width:100% ;
  max-width: 680px;
  margin: auto;

}
.box{
  width: 100%;
  padding-bottom: 1rem;
}


/* 列表 */
.base{
  margin-top: .1rem;
  padding-left: .1rem;
  background: white;

}
.profession{
  height: .5rem;
  position: relative;
  line-height: .5rem;
  border-bottom: 1px solid #f8f8f8;
}
.start{
  position: absolute;
  font-size: .15rem;
  color: #FF2654;
}
.base_massage{
  position: absolute;
  left: .1rem;
  color: #101010;
}
.profession>input{
  position: absolute;
  left: 1.2rem;
  top: .15rem;
  border: none;
}
.profession>input::-webkit-input-placeholder {
           color: #aab2bd;
      }

input:disabled{
  background-color: white;
}
.select{
  position: absolute;
  right: .1rem;
}
.select>img{
  width: .08rem;
  height: .14rem;
}
.professionBox{
  margin-top: .1rem;
  padding-left: .1rem;
  background: white;
}

/* 分享*/

.shareBox{

}
.share{
  float: right;
  font-size: .17rem;
  color: white;
  padding: 0.05rem .15rem;
  background-color: #FF9D5C;
  border-radius: 18px;
  position: relative;
  right: .1rem;
  top: .1rem;
}
.userAdd{
  float: right;
  color: #666666;
  font-size: .15rem;
  position: relative;
  top: .16rem;
  right: 0.2rem;

}
.partingLine{
  height: .8rem;
  line-height: 1rem;
  margin-top: .2rem;
  color: #101010;
  font-size: .15rem;
  padding: 0 .11rem;
  MARGIN-BOTTOM: .2rem;
}
.left {
  float: left;
  width: 1.55rem;
  max-width: 255px;
  height: .5rem;
  border-bottom: 1px dashed;
  margin-right: 0;
}
.mine{
  float: left;
  margin: 0 .1rem;

}
.right {
  float: left;
  width: 1.55rem;
  max-width: 255px;
  height: .5rem;
  margin-right: 0;
  border-bottom: 1px dashed;
}

.addLabel{
  color: rgba(253, 129, 21, 0.67);
  text-align: center;
  /*position: relative;
  left: 50%;
  margin-left: .5rem;*/
}
.addLabel>span{
  border: 1px solid;
  border-radius: 20px;
  padding: .1rem .2rem;
}

.label{
  padding: 0 0 0 0.12rem;
  position: absolute;
  margin-bottom: 1rem;
  width: 4.14rem;
  max-width: 680px;
}
.label>img{
  margin-left: .2rem;
  width: 3.5rem;
  margin-top: .1rem;
}
.label>ul{
  list-style: none;
  padding: 0;
  overflow:hidden;zoom:1;
}
.label>ul>li{
  float: left;
  width: .7rem;
  height: .44rem;
  border: 1px solid;
  margin-right: .1rem;
  text-align: center;
  line-height: .44rem;
  background-color: white;
  margin-bottom: .1rem;
}
.li{
  list-style: none;
  float: left;
  width: .7rem;
  height: .44rem;
  border: 1px solid;
  margin-right: .1rem;
  text-align: center;
  line-height: .44rem;
  background-color: white;
  margin-bottom: .1rem;
}

.label>ul>li>span{
  margin: 0;
  float: none;
}


/*  底部固定  */

.bottom{
  width: 100%;
  max-width:680px;
  margin: 0 auto;
  height: .74rem;
  background-color: white;
  position: fixed;
  bottom: 0;
  padding-left: .11rem;
}
.bottom>.right{
  width: 3.5rem;
  display: block;
  color: #101010;
  font-size: .15rem;
  position: relative;
  top: 0.3rem;
  right: -2.2rem;
  border-bottom: none;
}
.bottom>.right> span{
  padding: .1rem .13rem;
  border: 1px solid #FF9D5C;
  border-radius: 4px;
  color: #FF9D5C;
  float: none;

}

.bottom>.right>.color{
  background-color: #FF9D5C;
  color:white;
  border: 1px dashed #FF9D5C;
}

/* {
          this.state.showLabelList && <div className={styles.label}>

            <ul>

              {
                this.state.labelList.map((item,index)=>{
                  return (
                    <li key={index}
                        style={
                          {backgroundColor:item.select==true? 'rgb(246, 49, 50)':'white'}
                        }
                        onClick={()=>{
                          let labelList =this.state.labelList
                          labelList.splice(item.id,1,{id:item.id,text:item.text,select:!item.select})
                          this.setState({
                            labelList:labelList
                          })
                        }}>
                      {
                        !item.select &&  <span>+ </span>
                      }
                      <span > {item.text}</span>
                    </li>
                  )
                })
              }

            </ul>



            <img src={require('../../assets/image/confirmAdd.png')} alt=""/>



          </div>
        }*/