.page{
  background: #F7F7F7;
}
.periodDate{
  height: 100rpx;
  background: #FFFFFF;
  font-size: 28rpx;
  font-weight: 500;
  color: #333333;
  line-height: 100rpx;
  padding-left: 32rpx;
}
.dateTabs{
  height: 100rpx;
  background: #FFFFFF;
}
.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: 10rpx;
  //padding-left: 32rpx;
  color: #999999;
  font-size: 28rpx;
}
.serobReminder:first-child{
  margin-top: 0;
}
.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: 260rpx;
  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: 60rpx;
}
.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{
  min-eight: 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: 0 24rpx;
}

.btnTitle1{
  font-size: 28rpx;
  font-weight: 400;
  margin-top: 20rpx;
  color: #333333;
  line-height: 44rpx;
}
.btnRight1 {
  font-size: 24rpx;
  font-weight: 400;
  background-color: #ffe05c;
  border-radius: 36rpx;
  padding: 10rpx 20rpx;
}

.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;
}
.timeItemView{
  padding-bottom: 5rpx;
}
.timeItem {
  width: 124rpx;
  height: 60rpx;
  background: #FAFAFA;
  border-radius: 16rpx;
  margin-top: 16rpx;
}
.selectBack {
  background: rgba(255, 224, 92, 0.1);
  box-shadow: 0 0 0 2px  #FFE05C;
  //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;
}
.noTime{
  font-size: 30rpx;
  line-height: 200rpx;
}

.expirePopup{
  background: #FFFFFF;
  border-radius: 16rpx;
  padding: 32rpx;
  width: 600rpx;
}

.popupTitle{
  font-size: 30rpx;
  font-weight: bold;
  color: #333333;
}

.listView{
  border: 2rpx solid #FFE05C;
  border-radius: 16rpx;
  overflow: hidden;
  margin-top: 10rpx;
}

.h-text{
  width: 200rpx;
  background: #FFE05C;
}
.money{
  font-size: 36rpx;
  font-weight: bold;
  color: #333333;
  line-height: 52rpx;
  text-align: center;
}
.h-center-content{
  width: 298rpx;
}

.h-value{
  font-size: 28rpx;
  font-weight: bold;
  color: #333333;
  line-height: 44rpx;
  margin-top: 24rpx;
  margin-left: 24rpx;

}

.h-right-content{
  width: 140rpx;
}

.title1{
  font-size: 20rpx;
  font-weight: 400;
  color: #999999;
  margin-left: 24rpx;
}
.btn1{
  width: 120rpx;
  height: 60rpx;
  background: #93D21A;
  border-radius: 32rpx;

  font-size: 24rpx;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 64rpx;
  text-align: center;

}

.scroll-y{
  height: 300rpx;
}
.scroll-y1{
  height: 500rpx;
}