.classAttendanceDetail[data-v-d2bad7c4]{width:100%;height:100vh;overflow:hidden;background:#f8f8f8;line-height:1;box-sizing:border-box;padding-top:.34667rem;position:relative;font-family:PingFang SC}.classAttendanceDetail .topTips[data-v-d2bad7c4]{position:fixed;top:0;left:0;width:100%;height:1.17333rem;background:linear-gradient(80deg,#fedece,#fefefe 49%,#e9eaff);font-weight:400;font-size:.32rem;color:#000;padding:0 .45333rem 0 .53333rem;box-sizing:border-box;z-index:2}.classAttendanceDetail .topTips .tipsIcon[data-v-d2bad7c4]{width:.53333rem;height:.53333rem;margin-right:.29333rem}.classAttendanceDetail .mainDiv[data-v-d2bad7c4]{position:relative;flex:1;overflow-y:auto}.classAttendanceDetail .mainDiv .bgImg[data-v-d2bad7c4]{width:10rem;height:12.4rem;position:absolute;top:0;left:0;z-index:0}.classAttendanceDetail .mainDiv .topInfo[data-v-d2bad7c4]{position:relative;padding:1.46667rem .58667rem .64rem}.classAttendanceDetail .mainDiv .topInfo .topDate[data-v-d2bad7c4]{font-weight:700;font-size:.53333rem;color:#000;line-height:.74667rem}.classAttendanceDetail .mainDiv .topInfo .topName[data-v-d2bad7c4]{font-weight:400;font-size:.42667rem;color:#000;line-height:.58667rem}.classAttendanceDetail .mainDiv .topInfo .topData[data-v-d2bad7c4]{font-weight:400;font-size:.37333rem;color:#666;line-height:.53333rem;margin-top:.21333rem}.classAttendanceDetail .mainDiv .topInfo .topLine[data-v-d2bad7c4]{width:.02667rem;height:.29333rem;background:#999;margin:0 .42667rem}.classAttendanceDetail .listDiv[data-v-d2bad7c4]{padding:0 .42667rem}.classAttendanceDetail .listDiv .listItem[data-v-d2bad7c4]{width:100%;background:#fff;border-radius:.21333rem;box-sizing:border-box;padding:.58667rem .53333rem .4rem;margin-bottom:.26667rem;position:relative}.classAttendanceDetail .listDiv .listItem .listItemState[data-v-d2bad7c4]{position:absolute;top:0;right:0;height:.64rem;padding:0 .34667rem;border-radius:0 .21333rem 0 .21333rem;font-weight:400;font-size:.32rem}.classAttendanceDetail .listDiv .listItem .listItemState1[data-v-d2bad7c4]{background:#e9faf2;color:#2cd18a}.classAttendanceDetail .listDiv .listItem .listItemState2[data-v-d2bad7c4]{background:#fff7ec;color:#ffb138}.classAttendanceDetail .listDiv .listItem .listItemState3[data-v-d2bad7c4]{background:#fff0ed;color:#ff7051}.classAttendanceDetail .listDiv .listItem .listItemDate[data-v-d2bad7c4]{font-weight:700;font-size:.53333rem;color:#000;line-height:.74667rem;text-align:left}.classAttendanceDetail .listDiv .listItem .listItemClassHour[data-v-d2bad7c4]{font-weight:500;font-size:.4rem;color:#777;line-height:.69333rem;margin-left:.16rem}.classAttendanceDetail .listDiv .listItem .listItemCourseName[data-v-d2bad7c4]{font-weight:500;font-size:.4rem;color:#000;line-height:.56rem;margin-top:.24rem;text-align:left}.classAttendanceDetail .listDiv .listItem .rollCallTime[data-v-d2bad7c4]{font-weight:400;font-size:.37333rem;color:rgba(0,0,0,.5);text-align:left;line-height:.53333rem;padding-top:.37333rem;margin-top:.45333rem;border-top:.02667rem solid rgba(0,0,0,.1)}.classAttendanceDetail .listDiv .listItem[data-v-d2bad7c4]:last-child{margin-bottom:0}.classAttendanceDetail .bottomBtnDiv[data-v-d2bad7c4]{width:100%;padding:.53333rem .42667rem;background:#f8f8f8;box-sizing:border-box}.classAttendanceDetail .bottomBtnDiv .bottomBtn[data-v-d2bad7c4]{font-weight:400;font-size:.42667rem}