.monthCalendar[data-v-7c5d7df2]{width:894px;min-height:972px;background:#fff;border-radius:8px 8px 8px 8px;padding:24px}.monthCalendar .title[data-v-7c5d7df2]{font-size:24px;font-family:PingFang SC;font-weight:500;color:#000;margin-bottom:42px}.monthCalendar .block[data-v-7c5d7df2]{width:100%;position:relative;display:flex}.monthCalendar .block .left-block[data-v-7c5d7df2]{width:328px}.monthCalendar .block .left-block .tab[data-v-7c5d7df2]{position:relative}.monthCalendar .block .left-block .tab .year-month[data-v-7c5d7df2]{width:100%;font-size:16px;font-family:PingFang SC-Medium,PingFang SC;font-weight:500;color:#37363b;text-align:center}.monthCalendar .block .left-block .tab .year-btn[data-v-7c5d7df2]{width:100%;position:absolute;top:0}.monthCalendar .block .left-block .tab .month-left[data-v-7c5d7df2]{cursor:pointer;position:absolute;top:0;left:0;z-index:2;width:24px;height:24px}.monthCalendar .block .left-block .tab .month-right[data-v-7c5d7df2]{cursor:pointer;position:absolute;top:0;right:0;z-index:2;width:24px;height:24px}.monthCalendar .block .left-block .tab .day-num[data-v-7c5d7df2]{margin-top:32px;font-size:38px;font-family:PingFang SC-Semibold,PingFang SC;font-weight:600;color:#0ad192;width:100%;text-align:center}.monthCalendar .block .left-block .tab .week[data-v-7c5d7df2]{font-size:12px;font-family:PingFang SC-Medium,PingFang SC;font-weight:500;color:#37363b;width:100%;text-align:center;margin-top:8px}.monthCalendar .block .left-block .content[data-v-7c5d7df2]{position:relative;margin-top:40px;padding:0 3px;width:100%;border-radius:4px}.monthCalendar .block .left-block .content #calender .txt-c[data-v-7c5d7df2]{text-align:center}.monthCalendar .block .left-block .content #calender .flex[data-v-7c5d7df2]{display:flex}.monthCalendar .block .left-block .content #calender .jc-sb[data-v-7c5d7df2]{width:100%;padding:8px 24px 0 24px;display:flex;justify-content:space-between}.monthCalendar .block .left-block .content #calender .jc-sb .daytxt[data-v-7c5d7df2]{height:18px;text-align:center;color:#c3c3c7;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:5%}.monthCalendar .block .left-block .content #calender .day-n[data-v-7c5d7df2]{width:100%;padding:8px 24px 0 24px;display:flex;flex-wrap:wrap;position:relative}.monthCalendar .block .left-block .content #calender .day-s[data-v-7c5d7df2]{margin-top:7px;width:100%;padding:9px 7px 0 7px;display:flex;flex-wrap:wrap;position:relative}.monthCalendar .block .left-block .content #calender .day-s .ac[data-v-7c5d7df2]{cursor:pointer;text-align:center;display:flex;justify-content:center;width:14.28%;height:24px;line-height:24px;margin-bottom:15px;color:#cacaca;font-size:16px;font-family:DIN-Bold,DIN;font-weight:700;color:#c3c3c7;position:relative}.monthCalendar .block .left-block .content #calender .day-s .ac .spot[data-v-7c5d7df2]{position:absolute;left:48%;bottom:-6px;text-align:center;width:4px;height:4px;background:#0ad192;border-radius:100%}.monthCalendar .block .left-block .content #calender .day-s .ac .has_task[data-v-7c5d7df2]{background-color:#cacaca!important}.monthCalendar .block .left-block .content #calender .day-s .ac.active .num[data-v-7c5d7df2]{color:#fff;width:25px;height:25px;background:linear-gradient(90deg,#0ad192,#24dbba);box-shadow:0 2px 4px rgba(24,214,168,.56);border-radius:50%}.monthCalendar .block .left-block .content #calender .day-s .ac .light[data-v-7c5d7df2]{font-size:16px;font-family:DIN-Bold,DIN;font-weight:700;color:#37363b}.monthCalendar .block .right-block[data-v-7c5d7df2]{flex:1;margin-left:56px}.monthCalendar .block .right-block .course-list[data-v-7c5d7df2]{padding-bottom:12px}.monthCalendar .block .right-block .course-list .item[data-v-7c5d7df2]{margin-bottom:40px;width:100%;display:flex;overflow:hidden}.monthCalendar .block .right-block .course-list .item .left[data-v-7c5d7df2]{margin-right:12px;display:flex;flex-direction:column;align-items:center}.monthCalendar .block .right-block .course-list .item .left .line[data-v-7c5d7df2]{margin-top:4px;width:1px;height:55px;background:#f5f5f5}.monthCalendar .block .right-block .course-list .item .right[data-v-7c5d7df2]{flex:1;position:relative;overflow:hidden}.monthCalendar .block .right-block .course-list .item .right .tips[data-v-7c5d7df2]{display:flex;justify-content:space-between}.monthCalendar .block .right-block .course-list .item .right .tips .time[data-v-7c5d7df2]{font-size:20px;font-family:DIN-Medium,DIN;font-weight:500;color:#37363b;display:flex;justify-content:center;align-items:center}.monthCalendar .block .right-block .course-list .item .right .tips .time .clock[data-v-7c5d7df2]{width:16px;height:16px;margin-right:4px}.monthCalendar .block .right-block .course-list .item .right .tips .right-s[data-v-7c5d7df2]{position:absolute;top:0;right:0;display:flex;align-items:center;font-size:14px;font-family:PingFang SC-Medium,PingFang SC;font-weight:500;color:#9899a2}.monthCalendar .block .right-block .course-list .item .right .tips .right-s .living[data-v-7c5d7df2]{width:16px;height:16px;margin:3px 8px 0 0}.monthCalendar .block .right-block .course-list .item .right .tips .right-s .status[data-v-7c5d7df2]{font-size:14px;font-family:PingFang SC-Medium,PingFang SC;font-weight:500;color:#0ad192}.monthCalendar .block .right-block .course-list .item .right .course-1[data-v-7c5d7df2]{max-width:259px;margin-top:16px;font-size:16px;font-family:PingFang SC-Medium,PingFang SC;font-weight:500;color:#37363b}.monthCalendar .block .right-block .course-list .item .right .course-2[data-v-7c5d7df2]{max-width:259px;margin-top:10px;font-size:12px;font-family:PingFang SC-Medium,PingFang SC;font-weight:500;color:#6b6a6f}.monthCalendar .block .right-block .course-list .item .right .teacher-list[data-v-7c5d7df2]{margin-top:14px;display:flex}.monthCalendar .block .right-block .course-list .item .right .teacher-list .teacher[data-v-7c5d7df2]{margin-right:12px;display:flex;align-items:center}.monthCalendar .block .right-block .course-list .item .right .teacher-list .teacher .teacher-img[data-v-7c5d7df2]{width:20px;height:20px;margin-right:8px;border-radius:100%}.monthCalendar .block .right-block .course-list .item .right .teacher-list .teacher .teacher-name[data-v-7c5d7df2]{font-size:12px;font-family:PingFang SC-Regular,PingFang SC;font-weight:400;color:#37363b}.monthCalendar .block .right-block .course-list .item .right .btn[data-v-7c5d7df2]{position:absolute;bottom:0;right:0;z-index:2}.monthCalendar .block .right-block .course-list .item .right .btn .btn-1[data-v-7c5d7df2]{cursor:pointer;width:78px;height:32px;border-radius:8px 8px 8px 8px;opacity:1;border:1px solid #0ad192;display:flex;align-items:center;justify-content:center;font-size:12px;font-family:PingFang SC-Regular,PingFang SC;font-weight:400;color:#0ad192}.monthCalendar .block .right-block .course-list .item .right .btn .btn-1[data-v-7c5d7df2]:hover{background:#0ad192;color:#fff}.monthCalendar .block .right-block .course-list .item .right .btn .btn-2[data-v-7c5d7df2]{cursor:pointer;width:78px;height:32px;border-radius:8px 8px 8px 8px;opacity:1;border:1px solid #c3c3c7;display:flex;align-items:center;justify-content:center;font-size:12px;font-family:PingFang SC-Regular,PingFang SC;font-weight:400;color:#c3c3c7}