/* pages/classroom_assessment/classroom_assessment.wxss */
/* pages/grade/grade.wxss */

.li{
  margin: 30rpx 24rpx;
  
}
.li-star{
  border-radius: 30rpx;
  background: #fff;

}
.li-star-list{
  margin: 0 30rpx;
  
  height: 184rpx; 
  /* text-align: center */
  position: relative;
  left: 120rpx;
}
.li-star-total{
  padding: 65rpx 73rpx;
  position: relative;
}
.li-star-img{
  width: 62rpx;
  height: 59rpx;
  margin: 0 17rpx;
}
.li-active{
  position: absolute;
  top: 65rpx;
}
.li-star-imgActive{
  width: 62rpx;
  height: 59rpx;
  margin: 0 17rpx;
  
  /* bottom: 59rpx; */
}
button::after{
  border: none
}
.li-text{
  font-size: 30rpx;
  color: #bfbfbf;
}
.li-area{
  height: 323rpx;
  width: 100%;
  padding: 30rpx;
}
.li-btn{
  line-height: 100rpx;
  margin-top: 20%;
  background: #FF6465;
  color: #fff;
  border-radius: 12rpx ;
  
}
.tag{
  border-top: 1rpx solid #ECECEC;
  background: #fff;
  margin: 0;
  padding: 85rpx 0;
}
.tag-btn{
  border-radius:33rpx;
  font-size: 30rpx;
  color: #fff;
  text-align: center;
  line-height: 66rpx;
  background: #DCDCDC;
  display: inline-block;
  margin: 0 10rpx 20rpx 10rpx;
  width: 46%;
}
.tag-btn-active{
  background: rgba(255,100,101,0.2) !important;
  color: #FF6465 !important;
}
.star-image {
  position: relative;
  top: 65rpx; 
  /* margin-left: 5rpx; */
  width: 60rpx;
  height: 60rpx;
  /* src: "../../images/normal.png"; */
}

.item {
  position: absolute; 
  top: 0rpx;
  left:0rpx;
  width: 60rpx;
  height: 60rpx;
   /* background: blue  */
}