/* pages/child_list/child_list.wxss */
@import '../../templates/nodata/nodata.wxss';
@import '../../templates/loading/loading.wxss';
.tab{
  font-size:36rpx;
  font-family:PingFang SC;
  font-weight:bold;
  color:rgba(57,57,57,1);
  padding-bottom: 17rpx;
  padding-left: 24rpx;
}
.tab-img{
  width:20rpx;
  height:37rpx;
  transform: rotate(180deg);
}
.fixed{
  position: fixed;
  top: 0;
}
.li{
  margin: 0;
  padding: 0;
}
.li-search{
  display: flex;
  justify-content: space-between;
  margin:0 24rpx 20rpx 24rpx;
}
.child-nav{
  width:377rpx;
  height:88rpx;
  color: #FF6465;
  font-size: 30rpx;
  background:rgba(255,255,255,1);
  box-shadow:0px 6rpx 30rpx 0px rgba(81,108,227,0.25);
  border-radius:44rpx;
  display: flex;
  justify-content: space-around;
  margin: 25rpx auto;
}
.child-nav-items{
  height:76rpx;
  line-height: 76rpx;
  background:transparent;
  border-radius:37rpx;
  text-align: center;
  padding: 0 50rpx;
  margin: auto;
}
.child-nav-items-active{
  background:rgba(255,100,101,1);
  color: #fff;
}
.li-search-left{
  
  width: 82%;
  height:68rpx;
  line-height: 68rpx;
  background: #F1F3FA;
  border-radius: 34rpx;
  padding: 10rpx 20rpx;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.li-search-left-img{
  width: 29rpx;
  height: 29rpx;
  margin: auto 30rpx;
}
.li-search-left-input{
  color: #393939;
  font-size: 26rpx;
  display: inline-block;
  width: 100%;
  /* position: relative;
  bottom: 0; */
  /* margin-top: 20rpx; */
}
.li-search-left-input-pla{
  color: #AAAAAA;
  font-size: 26rpx;
}
.li-search-right{
  color: #6174D9;
  font-size: 26rpx;
  margin: auto 24rpx;
}
.li-child{
  display: flex;
  justify-content: flex-start;
  padding: 30rpx 0;
  margin: 0 24rpx;
  position: relative;
}
.li-child-img{
  width: 70rpx;
  height: 70rpx;
  margin: auto 0;
  border-radius: 50%;
  position: relative;
  bottom: 10rpx;
}
.li-child-two-img{
    width: 70rpx;
    height: 70rpx;
    position: relative;
    top: 20rpx;
    /* margin: auto; */
}
.li-child-info{
  display: inline-block;
  /* width: 80%; */
  margin: auto 24rpx;
}
.li-child-two{
  padding: 12rpx 24rpx;
  display: inline-block;
  width: 79%;
}
.li-tips{
  width: 34rpx;
  height: 29rpx;
  margin: 0 10rpx;
}
.li-child-info-name{
  color: #393939;
  font-size: 30rpx;
  margin-left:25rpx;
  position: relative;
  top: 12rpx;
   
}
.li-child-info-grades{
  color: #666666;
  font-size: 24rpx;
  margin-top: 10rpx;
}
.li-select{
  position: fixed;
  bottom: 0;
  z-index: 1000;
  width: 100%;
  height: 120rpx;
  line-height: 120rpx;
  color: #393939;
  font-size: 25rpx;
  background: #F5F5F5
}
.li-select-img{
  width: 34rpx;
  height: 37rpx;
  margin: 0 15rpx 0 34rpx;
}
.li-child-gray{
  width: 45rpx;
  height: 45rpx;
  margin: auto 0;
}
.li-free{
  display: flex;
  justify-content: space-between;
  padding: 0 24rpx;
}
.li-free-close{
  color: #393939;
  font-size: 25rpx;
  margin-left: 25rpx;
}
.li-free-select{
  color: #7C819D;
  font-size: 26rpx;
}
.li-free-pay{
  width:178rpx;
  height:70rpx;
  background:rgba(255,100,101,1);
  border-radius:35rpx;
  line-height: 70rpx;
  margin: auto;
  color: #FFFFFF;
  font-size: 30rpx;
  display: inline-block;
  text-align: center;
  margin-left: 27rpx;
}
.li-child-two-info{
  width: 80%;
  display: flex;
  justify-content: flex-start;
}
/* 老师 */
.li-teach{
  padding: 30rpx 0;
  display: flex;
  text-align: left;
}
.li-between{
  justify-content: space-between;
}
.li-teach-dian{
  width: 44rpx;
  height: 44rpx;
  margin: auto 38rpx;
  /* position: relative;
  right: 20rpx; */
}
.li-add-teacher{
  margin: auto 0;
  margin-left: 22rpx;
}
.li-teach-img{
  width: 70rpx;
  height: 70rpx;
  margin: auto 30rpx;
  border-radius: 50%;
  position: relative;
  bottom: 22rpx;
}
.li-teach-items{
  display: inline-block
}
.li-teach-items-top{
  margin-bottom: 10rpx;
  color: #393939;
  font-size: 30rpx;
}
.li-teach-items-top-sub{
  display: inline-block;
  
  padding: 5rpx 8rpx;
  color: #fff;
  font-size: 22rpx;
  border-radius:8rpx;
  margin: 0 10rpx;
}
.li-blue{
  background: #378EEF;
}
.li-red{
 background: #FF6465; 
}
.li-yellow{
  background: #FFB400;
}
.li-teach-items-down{
  color: #999999;
  font-size: 22rpx;
}
.off-active{
  color: #27C132;
}
.li-child-items{
  /* position: absolute;
  top: 45rpx;
  right: 10rpx; */
  display: inline-block
}
/* 弹幕 */
.model-list{
  margin: 50rpx;
  color: #393939;
  font-size: 30rpx;
}
.model-list-class{
  padding: 40rpx 0;
  border-bottom: 1rpx solid #E5E5E5;
}
.model-list-items{
  margin-top: 78rpx;
}
.model-list-items-img{
  width: 44rpx;
  height: 44rpx;
  margin-right: 30rpx;
}
.model-footer{
  height:120rpx;
  line-height: 120rpx;
  background:rgba(245,245,245,1);
  text-align: center;
}
.model-list-items-tips{
  color: #FD6669;
  font-size: 24rpx;
  margin-left: 15rpx;
}
.li-teach-all{
  position: relative;
  top: 10rpx;
}