AddUser.css

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

}
.box{
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 1rem;
  overflow-y: scroll;
}
/* 列表 */
.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 !important;
  font-size: .17rem;
  color: white;
  padding: 0.05rem .15rem;
  background-color: #FF9D5C;
  border-radius: 18px;
  position: relative;
  right: .1rem;
  top: .1rem;
  height: .4rem;
}
.userAdd{
  float: right !important;
  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: 39%;
  max-width: 255px;
  height: .5rem;
  border-bottom: 1px dashed;
  margin-right: 0;
}
.mine{
  float: left;
  margin: 0 .1rem;

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

.addLabel{
  color: rgba(253, 129, 21, 0.67);
  text-align: center;
  height: 1rem;
  position: relative;
  padding: .2rem 1.4rem;
}
.addLabel>span{
  border: 1px solid;
  border-radius: 20px;
  padding: .1rem .2rem;
}

.label{
  padding: 0 0 0 0.12rem;
  /* position: absolute; */

}
.label>img{
  margin-left: .2rem;
  width: 3.5rem;
  margin-top: .1rem;
  /* margin-bottom: 1rem; */
}
.label>ul{
  list-style: none;
  padding: 0;
  position: static;
}

.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;
  border-radius: .05rem;
}
.li.check{
  background:#FB5150; color:#fff;
}
.li>span{
  margin: 0;
  float: none;
}
.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;
}
.addLabel>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: 100%;
  max-width: 100%;
  display: block;
  font-size: .15rem;
  margin-top: .1rem;
  border-bottom: none;
}
.bottom>.right> span{
  padding: .07rem .13rem;
  border: 1px solid #FF9D5C;
  border-radius: 4px;
  color: #FF9D5C;
  margin-right: .2rem;
  float: right;
}

.bottom>.right>.color{
  background-color: #FF9D5C;
  color:white;
  border: 1px dashed #FF9D5C;
}
:global(.am-list-item){
  padding-left: 0;
}
:global(.am-list-content){
  /*width: 6rem !important;*/
  /*font-size: .15rem !important;*/
  /*color: #999 !important;*/
}
.black{
  color:#000 !important;
}