.CARD_COURSE[data-v-f1c6873a]{box-sizing:border-box;padding:20px;border-radius:0 10px 10px 0;border-left:3px solid transparent;color:#6e6e6e;position:relative;width:calc(100% - 40px)}.CARD_COURSE.PTG[data-v-f1c6873a]{border-color:#2472b3}.CARD_COURSE.PTG .tag[data-v-f1c6873a]{background-color:#2472b3;color:#fff}.CARD_COURSE.PRG[data-v-f1c6873a]{border-color:#ed7221}.CARD_COURSE.PRG .tag[data-v-f1c6873a]{background-color:#ed7221;color:#fff}.CARD_COURSE.OTO[data-v-f1c6873a]{border-color:#bce1dc}.CARD_COURSE.OTO .tag[data-v-f1c6873a]{background-color:#bce1dc}.CARD_COURSE.ING[data-v-f1c6873a]{border-color:#f6c752}.CARD_COURSE.ING .tag[data-v-f1c6873a]{background-color:#f6c752}.CARD_COURSE.kidsBorder[data-v-f1c6873a]{border-color:#224e96!important}.CARD_COURSE .kidsColor[data-v-f1c6873a]{background-color:#224e96!important;color:#fff}.CARD_COURSE .cardhead[data-v-f1c6873a]{display:flex;justify-content:space-between;align-items:center}.CARD_COURSE .cardhead .left[data-v-f1c6873a]{display:flex;align-items:center}.CARD_COURSE .cardhead .left>span[data-v-f1c6873a]{margin-right:5px}.CARD_COURSE .cardhead .left .tag[data-v-f1c6873a]{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:3px 8px;font-size:10px;border-radius:5px;margin-right:10px}.CARD_COURSE .cardhead .left .new_img[data-v-f1c6873a]{width:15px;height:15px;margin-right:10px}.CARD_COURSE .cardhead .left .trial[data-v-f1c6873a]{width:20px;height:20px}.CARD_COURSE .cardhead .right[data-v-f1c6873a]{display:flex;align-items:center}.CARD_COURSE .cardhead .right .new_img[data-v-f1c6873a]{width:15px;height:15px;margin-right:10px;flex-shrink:0}.CARD_COURSE .cardhead .right .canceled[data-v-f1c6873a]{transform:rotate(45deg);cursor:pointer}.CARD_COURSE .cardhead .right .timeSolt[data-v-f1c6873a]{text-align:right}.CARD_COURSE .courseInfo[data-v-f1c6873a]{margin:10px 0;display:flex;justify-content:space-between;align-items:center}.CARD_COURSE .courseInfo .courseInfo-left>p[data-v-f1c6873a]{display:flex;justify-content:flex-start;align-items:center;margin-bottom:3px}.CARD_COURSE .courseInfo .courseInfo-left>p .new_img[data-v-f1c6873a]{width:12px;height:18px;margin-right:5px}.CARD_COURSE .courseInfo .courseInfo-right span[data-v-f1c6873a]{padding:6px 12px;background-color:#f6c752;color:#2472b3;border-radius:50px;font-size:12px;font-family:MontserratMedium;cursor:pointer}.CARD_COURSE .foot[data-v-f1c6873a]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.CARD_COURSE .foot .foot_student[data-v-f1c6873a]{cursor:pointer}.CARD_COURSE .foot .foot_student .studentList[data-v-f1c6873a]{display:flex;margin-bottom:5px;cursor:pointer}.CARD_COURSE .foot .foot_student .studentList .icon[data-v-f1c6873a]{width:35px;height:35px;border-radius:50%;flex-shrink:0;overflow:hidden}.CARD_COURSE .foot .foot_student .studentList .icon[data-v-f1c6873a]:hover{box-shadow:0 2px 4px rgba(0,0,0,.2),0 0 6px rgba(0,0,0,.1)}.CARD_COURSE .foot .foot_student .studentRate[data-v-f1c6873a]{position:relative;display:flex;align-items:center}.CARD_COURSE .foot .foot_student .studentRate .zd[data-v-f1c6873a]{position:absolute;width:100%;height:100%;top:0;left:0}.CARD_COURSE .foot .buttonGroup[data-v-f1c6873a]{display:flex}.CARD_COURSE .foot .buttonGroup .new_img[data-v-f1c6873a]{width:40px;height:40px;cursor:pointer;margin-left:5px;border-radius:50%;overflow:hidden}.CARD_COURSE .foot .buttonGroup .new_img[data-v-f1c6873a]:hover{box-shadow:0 2px 4px rgba(0,0,0,.2),0 0 6px rgba(0,0,0,.1)}.CARD_COURSE .foot .buttonGroup .el-icon-connection[data-v-f1c6873a]{position:absolute;color:#00f;top:70%;right:66%}.CARD_COURSE .float_studentRateList[data-v-f1c6873a]{width:-moz-fit-content;width:fit-content;background-color:#fff;padding:10px;border-radius:10px;position:fixed;z-index:1}.CARD_COURSE .float_studentRateList .studentRate[data-v-f1c6873a]{display:flex;align-items:center}.CARD_COURSE .float_studentRateList .studentRate .studentInfo[data-v-f1c6873a]{display:flex;align-items:center}.CARD_COURSE .float_studentRateList .studentRate .studentInfo .studentHead[data-v-f1c6873a]{width:25px;height:25px;border-radius:50%;overflow:hidden;margin-right:10px}.CARD_COURSE .float_studentRateList .studentRate .studentInfo .name[data-v-f1c6873a]{color:#6e6e6e;width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:30px}.CARD_COURSE .float_nowStudentRate[data-v-f1c6873a]{width:300px;box-sizing:border-box;background-color:#fff;padding:10px;border-radius:10px;position:fixed;z-index:1;color:#6e6e6e}.CARD_COURSE .float_nowStudentRate .teacherName[data-v-f1c6873a]{margin-bottom:10px}.CARD_COURSE .float_nowStudentRate .note[data-v-f1c6873a]{margin-bottom:10px}.CARD_COURSE .float_nowStudentRate .rateCont[data-v-f1c6873a]{display:flex;align-items:center}.CARD_COURSE .float_nowStudentRate .rateCont .rate[data-v-f1c6873a]{margin-right:15px}.card-container[data-v-f1c6873a]{display:flex;align-items:center;justify-content:center;gap:10px}.card-container .cancel-class[data-v-f1c6873a]{width:20px;height:20px;cursor:pointer}.card-container .cancel-class img[data-v-f1c6873a]{width:100%;height:100%}