ssj_curator/pages/main/main.wxss

/* pages/main/main.wxss */
@import '../../templates/nodata/nodata.wxss';
.fixed{
  box-shadow:0px 0px 43rpx 0px rgba(246,246,246,1);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background:rgba(255,255,255,1);
  z-index: 1000;
}
.li{
  padding: 0;
  /* margin-top:40%; */
}
.li-nav{
  height:98rpx;
  line-height: 80rpx;
  background:rgba(255,255,255,1);
  display: flex;
  justify-content: space-around;
  margin-top: 30rpx;
  font-weight: bold;
  transition: all 0.3s;
}
.li-child-items{
  display: inline-block;
}
.li-nav-items{
  color: #393939;
  font-size: 34rpx;
  text-align: center;
  padding-bottom: 10rpx;
  transition: all .3s;
}
.li-nav-items-num{
  background:#FF6465 ;
  color: #fff;
  border-radius: 15rpx;
  height: 30rpx;
  line-height: 30rpx;
  display: inline-block;
  padding:0 10rpx;
  font-size: 24rpx;
  margin-left: 5rpx;
}
.li-nav-active{
  border-bottom: 5rpx solid #FF6465;
  color: #FF6465;
}
/* 老师 */
.li-teach{
  padding: 30rpx 0;
}
.li-teach-img{
  width: 70rpx;
  height: 70rpx;
  margin: auto 30rpx;
  border-radius: 50%;
  position: relative;
  bottom: 18rpx;
}
.li-teach-items{
  display: inline-block;
  position: relative;
  top: 6rpx;
}
.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-active-red{
  color: #FF6465 !important;
}
.li-yellow{
  background: #FFB400;
}
.li-teach-items-down{
  color: #999999;
  font-size: 22rpx;
}

/* 弹幕 */
.model-list{
  margin:10rpx 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-flex{
  display: flex;
}
/* 搜索 */
.li-search{
  display: flex;
  justify-content: space-between;
  margin:23% 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 15rpx;
}
.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;
  /* 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-review-items{
  padding: 30rpx 24rpx 30rpx 47rpx;
}
.li-review{
  display: flex;
  justify-content: space-between;
}
.li-review-btn{
  display: flex;
  justify-content: space-between;
  margin: auto 0;
}
.li-review-pass{
  color: #fff;
  width:120rpx;
  height:60rpx;
  background:rgba(88,199,96,1);
  border-radius:30rpx;
  line-height: 60rpx;
  text-align: center;
  margin-right: 30rpx;
}
.li-review-refuse{
  color: #fff;
  width:120rpx;
  height:60rpx;
  background:#FF6465;
  border-radius:30rpx;
  line-height: 60rpx;
  text-align: center;
}
/* 登录 */
.li-child{
  display: flex;
  justify-content: flex-start;
  padding: 30rpx 0;
  margin: 0 28rpx;
  position: relative;
}
.li-child-img{
  width: 70rpx;
  height: 70rpx;
  margin: auto 0;
  border-radius: 50%;
  position: relative;
  bottom: 0;
}
.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: 25rpx;
   
}
.li-child-info-tips{
  color: #393939;
  font-size: 30rpx;
}
.li-child-info-grades{
  color: #666666;
  font-size: 24rpx;
  margin-top: 10rpx;
}
.batch-btn{
  width:180rpx;
  height:74rpx;
  background:rgba(255,100,101,1);
  border-radius:37rpx;
  line-height: 74rpx;
  font-size:28rpx;
  font-family:PingFang SC;
  font-weight:bold;
  color:rgba(255,255,255,1);
  text-align: center;
  margin: auto 0;
}