.page{
  background: #F7F7F7;
}
.periodDate{
  height: 100rpx;
  background: #FFFFFF;
  font-size: 28rpx;
  font-weight: 500;
  color: #333333;
  line-height: 100rpx;
  padding-left: 32rpx;
}
.group{
  background: #FFFFFF;
  margin-top: 16rpx;
  padding: 24rpx 32rpx;
}
.serob{
  font-size: 32rpx;
  font-weight: bold;
  color: #333333;
}


.serobItem{
  //width: 150rpx;
  margin-top: 24rpx;
  text-align: center;
  position: relative;
}
.serobReminder{
  margin-top: 20rpx;
  line-height: 40rpx;
  padding-left: 32rpx;
  color: red;
}
.teachPrice{
  font-size: 24rpx;
  font-weight: 400;
  color: #ED569F;
  line-height: 40rpx;
}
.serobImgView{
  width: 146rpx;
  height: 146rpx;
  overflow: hidden;
  background: #FFE05C;
  border-radius: 75rpx;
 }
.serobImg{
  width: 146rpx;
  height: 146rpx;
  border-radius: 75rpx;

}


.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;
}

.selectSerobImg{
  width: 80rpx;
  height: 80rpx;
  border-radius: 40rpx;
  margin-bottom: 32rpx;
  background: #FFE05C;
}
.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;
}
.timeItem {
  width: 124rpx;
  height: 124rpx;
  background: #FAFAFA;
  border-radius: 16rpx;
  margin-top: 16rpx;
}
.selectBack {
  background: rgba(255, 224, 92, 0.1);
  border: 4rpx solid #FFE05C;
  box-sizing:border-box
}

.time {
  font-size: 24rpx;
  color: #333333;
  line-height: 40rpx;
}

.price {
  font-size: 24rpx;
  color: #ED569F;
  line-height: 40rpx;
}