.classAttendance[data-v-bbfaf4a2]{width:100%;height:100vh;overflow:hidden;background:#f8f8f8;line-height:1;font-family:PingFang SC}.classAttendance .listDiv[data-v-bbfaf4a2]{flex:1;overflow-y:auto;padding-left:.42667rem;padding-right:.42667rem}.classAttendance .listDiv .listItem[data-v-bbfaf4a2]{width:100%;background:#fff;border-radius:.21333rem;box-sizing:border-box;padding:.58667rem .53333rem .4rem;margin-top:.26667rem;position:relative}.classAttendance .listDiv .listItem .listItemState[data-v-bbfaf4a2]{position:absolute;top:0;right:0;height:.64rem;padding:0 .18667rem;border-radius:0 .21333rem 0 .21333rem;font-weight:400;font-size:.32rem;color:#fff}.classAttendance .listDiv .listItem .listItemState1[data-v-bbfaf4a2]{background:linear-gradient(98deg,#fe8a66,#fde27f)}.classAttendance .listDiv .listItem .listItemState2[data-v-bbfaf4a2]{background:linear-gradient(267deg,#c2c2c2,#a1a1a1)}.classAttendance .listDiv .listItem .listItemTitle[data-v-bbfaf4a2]{font-weight:700;font-size:.53333rem;color:#000;line-height:.74667rem;margin-bottom:.24rem;text-align:left}.classAttendance .listDiv .listItem .listItemName[data-v-bbfaf4a2]{padding-bottom:.45333rem;border-bottom:.02667rem solid rgba(0,0,0,.1);font-weight:500;font-size:.4rem;color:#000;line-height:.56rem;margin-bottom:.37333rem}.classAttendance .listDiv .listItem .listItemName .listItemDot[data-v-bbfaf4a2]{width:.16rem;height:.16rem;background:#f68121;border-radius:100%;margin:0 .21333rem 0 .08rem}.classAttendance .listDiv .listItem .listItemNum[data-v-bbfaf4a2]{font-weight:400;font-size:.37333rem;color:rgba(0,0,0,.5);text-align:left;line-height:.53333rem}