/* 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-top: 98rpx;
  padding: 0;
}
.li-search{
  display: flex;
  justify-content: space-between;
  margin:0 24rpx 20rpx 24rpx;
}
.child-nav{
  /* width:377rpx; */
  z-index: 1000;
  position: fixed;
  top: 0;
  width: 100%;
  height:88rpx;
  display: flex;
  justify-content: space-around;
  padding: 25rpx auto;
  font-size:34rpx;
  font-family:PingFang SC;
  font-weight:bold;
  color:rgba(57,57,57,1);
  background-color: #fff;
}
.child-nav-items{
  height:76rpx;
  line-height: 76rpx;
  background:transparent;
  text-align: center;
  padding: 0 0rpx 10rpx;
  margin: auto;
}
.child-nav-items-active{
  color:rgba(255,100,101,1);
  border-bottom: 5rpx solid #FF6465;
}
.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: 35rpx;
  height: 30rpx;
  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: space-between;
  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: flex;
  /* width: 80%; */
  margin: auto 24rpx;
}
.li-child-two{
  padding: 12rpx 24rpx;
  display: inline-block;
  width: 79%;
}
.li-tips{
  width: 34rpx;
  height: 29rpx;
  margin-right: 5rpx;
}
.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: 38rpx;
}
.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;
}
.number{
  display: flex;
  justify-content: space-around;
  margin: 0 140rpx;
  font-size: 22rpx;
  font-weight:bold;
}
.number-left{
  color: #AAAAAA;
}
.number-right{
  color: #7C819D;
}
.li-btn{
  font-weight:bold;
  /* padding-top: 40rpx; */
  width: 20%;
}
.li-btn-red{
  font-size:24rpx;
  font-family:PingFang SC;
  font-weight:500;
  color:rgba(102,102,102,1);
  text-align: right;
  margin-right: 10rpx;
}
.li-btn-blue{
  background:rgba(97,116,217,0.2);
  border-radius:17rpx;
  padding: 6rpx 13rpx;
  text-align: center;
  color: #6174D9;
  font-size: 22rpx;
}
.li-renew{
  display: flex;
  justify-content: space-between;
  padding: 0 24rpx;
  font-size: 28rpx;
  color: #393939;
  position: fixed;
  bottom: 0;
  height:120rpx;
  background:rgba(245,245,245,1);
  line-height: 120rpx;
  width: 100%;
}
.li-footer-cancel{
  line-height: 120rpx;
}
.li-footer-items{
  display: flex;
  justify-content: flex-end;
  text-align: center;
  width: 50%;
}
.li-footer-item{
 /* margin-right: 50rpx; */
 padding: 0;
}
.li-footer-item-num{
  font-size:36rpx;
  line-height: 36rpx;
  font-family:PingFang SC;
  font-weight:bold;
  color:rgba(229,155,54,1);
  margin: 29rpx 0 15rpx;
  position: relative;
  bottom: 10rpx;
}
.li-footer-item-text-img{
  width: 23rpx;
  height: 17rpx;
  margin-right: 13rpx;
}
.li-footer-item-text{
  font-size:20rpx;
  /* line-height: 23rpx; */
  font-family:PingFang SC;
  font-weight:500;
  color:rgba(57,57,57,1);
  
}
.li-content-items-select{
  width: 60rpx;
  height: 60rpx;
  margin: auto 0;
  /* position: relative;
  bottom: 17rpx; */
}
.li-child-all-items{
  display: flex;
  /* width: 70%; */
}
.li-content-items-logo{
  width: 48rpx;
  height: 36rpx;
  margin: auto 0;

}