ssj_parent/pages/add_parent/add_parent.wxss

/* pages/add_parent/add_parent.wxss */
@import '../../templates/nodata/nodata.wxss';
.li{
  margin: 24rpx;
  padding: 0;
}
.li-items{
  border-bottom: 1rpx solid #E5E7F1;
  padding: 40rpx 0;
  display: flex;
  justify-content: space-between
}
.li-items-headImg{
  width: 100rpx;
  height: 100rpx;
  border-radius: 50%; 
  margin-right: 27rpx;
  position: relative;
  top: 15rpx;
}
.li-items-name{
  display: inline-block;
  text-align: center;
}
.li-items-name-real{
  font-size: 30rpx;
  color: #393939;
}
.li-items-name-role{
  border-radius:18px;
  padding: 3rpx 21rpx;
  font-size: 24rpx;
  color: #fff;
  line-height: 36rpx;
  text-align: center;
  margin-top: 14rpx;
}
.li-blue{
  background: #52CBFE;
}
.li-red{
  background:rgba(255,100,101,1);
}
.li-yellow{
  background: #FFCE58;
}
.li-items-relax{
  font-size: 30rpx;
  color: #8489A3;
  display: inline-block;
  margin-right: 20rpx;
}
.li-items-relax-img{
  width: 64rpx;
  height: 64rpx;
  position: relative;
  top: 15rpx;
}
.li-items-tips{
  position: relative;
  top: 19rpx;
}
.li-add-parents{
  width:372rpx;
  height:80rpx;
  background:rgba(241,243,250,1);
  border-radius:10rpx;
  margin: 42rpx auto;
  line-height: 80rpx;
  text-align: center;
  color: #393939;
  font-size: 28rpx;
}
.li-ten{
  color: #FF6465;
  width: 20rpx;
  height: 20rpx;
  font-size: 36rpx;
  margin-right: 15rpx;
}

.list{
  margin:47rpx;
  padding: 0;
  font-size: 30rpx;
}
.list-item{
  height:100rpx;
  background:rgba(241,243,250,1);
  border-radius:10rpx;
  line-height: 100rpx;
  display: flex;
  justify-content: flex-start;
  padding: 0 24rpx;
  margin-bottom: 20rpx;
  width: 82%;
}
.list-one{
  position: fixed;
  top: 12%;
  z-index: 10;
}
.list-three{
  position: fixed;
  top: 32%;
  z-index: 10;
}
.role-list-item{
  height:100rpx;
  background:rgba(241,243,250,1);
  border-radius:10rpx;
  line-height: 100rpx;
  display: flex;
  justify-content: flex-start;
  padding: 0 24rpx;
  
}
.li-item-head{
  color: #393939;
}
.li-item-head-red{
  color: #FF6465;
}
.input-placeholder{
  font-size: 28rpx;
  color: #D0D5E6;
}
.li-input {
  /* background: #bfbfbf; */
  margin-top: 24rpx;
  font-size: 28rpx;
  color: #393939;
  margin-left: 24rpx;
}
.li-role{
  font-size: 30rpx;
  color: #393939;
  display: flex;
  justify-content: space-between;
  padding-left: 24rpx;
  width: 73%;
}
.li-submit{
  width:340rpx;
  height:94rpx;
  background:rgba(255,100,101,1);
  border-radius:16rpx;
  font-size: 34rpx;
  color: #fff;
  text-align: center;
  line-height: 94rpx;
  position: fixed;
  bottom: 20%;
  left: 27.6%;
}
.li-row-img{
  width: 19rpx;
  height: 33rpx;
  transform: rotate(90deg);
}

.list-item-center{
  background:rgba(255,255,255,1);
  border-top:none;
  border-radius:10rpx;
  
}
.role{
  border-radius:10rpx;
  position: fixed;
  top: 22%;
  z-index: 1000;
  margin-bottom: 20rpx;
  width: 88.5%;
}
.role-active{
  border:2rpx solid rgba(208, 213, 230, 1);
}
.role-item{
  line-height: 102rpx;
  font-size: 30rpx;
  color: #393939;
  padding: 0 23rpx;
}
.li-select-active{
  color: #393939 !important;
}
.li-select{
  color: #D0D5E6
}
.li-active{
  background: #D0D5E6
}
.li-row-active{
  transform: rotate(270deg) !important;
}

.showModel{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.5;
  overflow: hidden;
  z-index: 1000;
  color: #fff;
  
}
.model{
  z-index: 1001;
  position: fixed;
  top: 233rpx;
  margin: 0 60rpx;
  background: #fff;
  border-radius:30rpx;
  text-align: center;
}
.model-text{
  color: #393939;
  font-size: 30rpx;
  text-align: center;
  margin: 95rpx 50rpx;
}
.model-list{
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 50rpx;
    color: #8489A3;
    font-size: 34rpx;
}
.model-list-sure{
  color: #FF6465;
}
.list-tips{
  color: #393939;
  font-size: 30rpx;
  text-align: left
}