jje_uniapp/orderPages/bookService/index.rpx.scss

.page{
  background: #F7F7F7;
}
.group{
  background: #FFFFFF;
  padding: 24rpx 32rpx;
}
.serob{
  font-size: 32rpx;
  font-weight: bold;
  color: #333333;
}
.serobItems{
  margin-top: 32rpx;
  height: 206rpx;
}
.scrollX{
  height: 206rpx;
  white-space: nowrap;
  min-width: 150rpx;
  max-width: 506rpx;

}
.serobItem{
  width: 150rpx;
  height: 206rpx;
  text-align: center;
  margin-left: 28rpx;
  position: relative;

}
.serobItem:first-child {
  margin-left: 0rpx;
}
.serobImgView{
  width: 146rpx;
  height: 146rpx;
  overflow: hidden;
 }
.serobImg{
  width: 146rpx;
  height: 146rpx;
  border-radius: 75rpx;

}
.addSerobImg{
  width: 146rpx;
  height: 146rpx;
  border-radius: 75rpx;
  margin-left: 28rpx;
  border: 2rpx dashed #DDDDDD;
  font-size: 120rpx;
  text-align: center;
  line-height: 130rpx;
}

.serobName{
  height: 40rpx;
  font-size: 24rpx;
  font-weight: 400;
  color: #666666;
  line-height: 40rpx;
  margin-top: 16rpx;
}
.serobV{
  width: 32rpx;
  height: 32rpx;
  position: absolute;
  top: 0;
  right: 0;
}
.serobVicon{
  width: 32rpx;
  height: 32rpx;
}
.group2{
  background: #FFFFFF;
  padding: 0 32rpx;
  height: 212rpx;
  position: fixed;
  bottom: 0;
  z-index: 5;
}



.groupItem{
  height: 92rpx;
  border-bottom: 1px solid #EEEEEE;
}
.groupItemKey{
  font-size: 28rpx;
  width: 200rpx;
  font-weight: bold;
  color: #333333;
  line-height: 92rpx;
}
.groupItemContent{
  font-size: 28rpx;
  line-height: 92rpx;
  font-weight: 400;
  width: 486rpx;
  color: #999999;
}
.hintView{
  width: 686rpx;
  height: 104rpx;
  background: #FFF7EA;
  border-radius: 16rpx;
  border: 2rpx solid #FFFFFF;
  margin: 24rpx 32rpx;
}
.hint{
  width: 24rpx;
  height: 24rpx;
  border-radius: 12rpx;
  text-align: center;
  background:   #FFAF36;
  color: #FFFFFF;
  font-size: 18rpx;
  margin-left: 10rpx;
}
.hintCentent{
  font-size: 24rpx;
  font-weight: 400;
  color: #FFAF36;
  line-height: 40rpx;
  margin-left: 16rpx;
  margin-top: 12rpx;
}

.selectSerobImg{
  width: 80rpx;
  height: 80rpx;
  border-radius: 40rpx;
  margin-bottom: 40rpx;
}
.selectSerobName{
  font-size: 24rpx;
  font-weight: 400;
  color: #666666;
  line-height: 80rpx;
  margin-left: 16rpx;
}
.textareaView{
  height: 280rpx;
  background: #FAFAFA;
  border-radius: 16rpx;
  margin-top: 16rpx;
  margin-bottom: 32rpx;

  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  padding: 24rpx;
}
.btnTitle{
  font-size: 24rpx;
  font-weight: 400;
  color: #333333;
  margin-left: 32rpx;
  margin-top: 24rpx;
}
.btn{
  width: 686rpx;
  height: 108rpx;
  background: #FFF6CE;
  border-radius: 60rpx;
  margin-top: 16rpx;
}
.title{
  font-size: 24rpx;
  font-weight: 400;
  color: #333333;
  line-height: 108rpx;
  margin-top: 32rpx;
  margin-left: 32rpx;
}
.num{
  font-size: 36rpx;
  font-weight: bord;
  color: #111111;
  line-height: 108rpx;
  margin-left: 8rpx;

}
.btnRight{
  width: 220rpx;
  height: 108rpx;
  background: #FFE05C;
  border-radius: 0rpx 60rpx 60rpx 0rpx;

  font-size: 32rpx;
  font-weight: bold;
  color: #111111;
  line-height: 108rpx;
  text-align: center;
}
.marginTop{
  margin-top: 24rpx;
}



.text_5{
  font-size: 24rpx;
  color: red;
  line-height: 30rpx;
}