.myClassRecord[data-v-91324582]{width:100%;height:100vh;overflow:hidden;background:#f8f8f8;line-height:1;font-family:PingFang SC}.myClassRecord .timeDiv[data-v-91324582]{font-weight:400;font-size:.42667rem;color:#000;margin:.42667rem}.myClassRecord .timeArrow[data-v-91324582]{width:.29333rem;height:.29333rem;margin-left:.16rem}.myClassRecord .listDiv[data-v-91324582]{flex:1;overflow-y:auto;padding-left:.42667rem;padding-right:.42667rem}.myClassRecord .listDiv .listItem[data-v-91324582]{width:100%;height:3.01333rem;background:#fff;border-radius:.21333rem;box-sizing:border-box;padding:.58667rem .53333rem .4rem;margin-bottom:.26667rem;position:relative}.myClassRecord .listDiv .listItem .listItemState[data-v-91324582]{position:absolute;top:0;right:0;height:.64rem;padding:0 .34667rem;border-radius:0 .21333rem 0 .21333rem;font-weight:400;font-size:.32rem}.myClassRecord .listDiv .listItem .listItemState1[data-v-91324582]{background:#e9faf2;color:#2cd18a}.myClassRecord .listDiv .listItem .listItemState2[data-v-91324582]{background:#fff7ec;color:#ffb138}.myClassRecord .listDiv .listItem .listItemState3[data-v-91324582]{background:#fff0ed;color:#ff7051}.myClassRecord .listDiv .listItem .listItemDate[data-v-91324582]{font-weight:700;font-size:.53333rem;color:#000;line-height:.74667rem;padding-bottom:.37333rem;margin-bottom:.37333rem;border-bottom:.02667rem solid rgba(0,0,0,.1);text-align:left}.myClassRecord .listDiv .listItem .rollCallTime[data-v-91324582]{font-weight:400;font-size:.37333rem;color:rgba(0,0,0,.5);text-align:left;line-height:.53333rem}.myClassRecord .listDiv .listItem[data-v-91324582]:last-child{margin-bottom:0}