.page-layout-container .page-content[data-v-711ba561],.page-layout-container[data-v-711ba561]{width:100%;height:100%}.calender-container[data-v-14caa738]{width:100%;height:100%;position:relative;align-items:center}.calender-container .calendar-nextWeek[data-v-14caa738],.calender-container .calendar-prevWeek[data-v-14caa738]{width:10px;height:100%;position:absolute;font-size:1.5rem;top:0;display:flex;align-items:center;cursor:pointer;background-repeat:no-repeat;background-position:50%}.calender-container .calendar-nextWeek img[data-v-14caa738],.calender-container .calendar-prevWeek img[data-v-14caa738]{visibility:hidden}.calender-container .calendar-prevWeek[data-v-14caa738]{left:1%;background-image:url(../img/icon-feather-chevron-left.8517316e.svg)}.calender-container .calendar-prevWeek[data-v-14caa738]:hover{background-image:url(../img/icon-feather-chevron-yellow-left.77e95d97.svg)}.calender-container .calendar-nextWeek[data-v-14caa738]{right:1.5%;background-image:url(../img/icon-feather-chevron-right.47197850.svg)}.calender-container .calendar-nextWeek[data-v-14caa738]:hover{background-image:url(../img/icon-feather-chevron-yellow-right.f4ad5327.svg)}.calender-container .calendar-nowWeek[data-v-14caa738]{cursor:default;width:100%;height:100%}.calender-container .calendar-nowWeek .date-content[data-v-14caa738]{width:100%;height:100%;display:flex;justify-content:flex-start}.calender-container .calendar-nowWeek .date-content .item[data-v-14caa738]{flex:1;text-align:center;color:#cd4c3f}.calender-container .calendar-nowWeek .date[data-v-14caa738]{margin-top:1%}.calender-container .calendar-nowWeek .date .item[data-v-14caa738]{color:#224e96;display:flex;justify-content:center;align-items:center}.calender-container .calendar-nowWeek .date .dayItem[data-v-14caa738]{border-radius:50%;width:30px;height:30px;line-height:30px;cursor:default;border:2px solid transparent;line-height:28px;box-sizing:border-box}.calender-container .calendar-nowWeek .date .pointStyle[data-v-14caa738]{cursor:pointer}.calender-container .calendar-nowWeek .date .pointStyle[data-v-14caa738]:hover{border:2px solid #f4d737;box-sizing:border-box}.calender-container .calendar-nowWeek .date .isToday[data-v-14caa738]{border:2px solid #cd4c3f;box-sizing:border-box;cursor:not-allowed}.calender-container .calendar-nowWeek .date .active[data-v-14caa738]{width:30px;height:30px;border-radius:50%;line-height:28px;background:#f4d737}.calender-container .bookClassPage[data-v-14caa738]{padding-left:12%;width:88%}.your-course-detail[data-v-5216ef14]{display:flex;justify-content:flex-start;align-items:center;margin-top:10px;gap:10px}.your-course-detail .class-number[data-v-5216ef14]{font-weight:600}.your-course-detail .font-book-large[data-v-5216ef14]{font-size:40px}.your-course-detail .title[data-v-5216ef14]{white-space:nowrap}.your-course-detail .completed-classes[data-v-5216ef14],.your-course-detail .not-completed-classes[data-v-5216ef14],.your-course-detail .total-calsses[data-v-5216ef14]{border-radius:30px;padding:30px;color:#fff;height:150px;box-sizing:border-box}.your-course-detail .total-calsses[data-v-5216ef14]{background:#f1f1f0;color:#224e96;width:22%}.your-course-detail .completed-classes[data-v-5216ef14]{background:#224e96;width:22%}.your-course-detail .not-completed-classes[data-v-5216ef14]{display:flex;justify-content:space-between;align-items:center;background:#cd4c3f}.your-course-detail .not-completed-classes .remaning-classes[data-v-5216ef14]{margin-right:25px}@media screen and (max-width:1200px){.your-course-detail .not-completed-classes .remaning-classes[data-v-5216ef14]{margin-right:15px}}.your-course-detail .not-completed-classes .schedule-classes[data-v-5216ef14]{line-height:1;flex-grow:1}.your-course-detail .not-completed-classes .schedule-classes .not-scheduled[data-v-5216ef14],.your-course-detail .not-completed-classes .schedule-classes .scheduled[data-v-5216ef14]{display:flex;justify-content:flex-start;align-items:center}.your-course-detail .not-completed-classes .schedule-classes .not-scheduled[data-v-5216ef14]{margin-bottom:5%}.your-course-detail .not-completed-classes .schedule-classes .scheduled[data-v-5216ef14]{margin-top:10%}.your-course-detail .not-completed-classes .schedule-classes .class-number[data-v-5216ef14]{margin-right:10px;min-width:60px;text-align:center}[data-v-5216ef14] .page-content{background:#fff;border-radius:20px}[data-v-5216ef14] .page-content::-webkit-scrollbar{width:5px!important;height:5px!important}[data-v-5216ef14] .page-content::-webkit-scrollbar-track{background:#efefef!important;border-radius:2px!important}[data-v-5216ef14] .page-content::-webkit-scrollbar-thumb{background:#bfbfbf!important;border-radius:10px!important}[data-v-5216ef14] .page-content::-webkit-scrollbar-thumb:hover{background:#333!important}.book-class[data-v-5216ef14]{background:#f4d737;padding:.5% 2%;padding-top:1.2%;padding-bottom:1%;width:auto;display:inline-block;border-top-left-radius:20px;border-top-right-radius:20px;margin-left:3%;margin-top:1%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:-5%;z-index:99}.book-class[data-v-5216ef14],.content[data-v-5216ef14]{color:#224e96;position:relative}.content .circle[data-v-5216ef14]{width:10px;height:10px;border-radius:50%;background:#f4d737;margin-right:15px}.content .book-class-content-nav[data-v-5216ef14]{width:auto;height:24px;line-height:24px}.content .book-class-by-date[data-v-5216ef14]{cursor:default;padding-right:3%}.content .book-class-by-teacher[data-v-5216ef14]{height:calc(100% - 44px);margin-top:2%;padding-right:3%}.content .class-classify[data-v-5216ef14]{display:flex;align-items:center;color:#9e9e9f;margin-bottom:20px}.content .class-classify .classify-item[data-v-5216ef14]{flex:1;cursor:pointer;flex-grow:0;flex-basis:fit-content;margin-right:10px}.content .class-classify .active[data-v-5216ef14]{color:#f4d737}.content .calendar-teacher[data-v-5216ef14]{background:#f1f1f0;border-radius:10px;padding:1% 0;margin-top:10px}.content .choose-teacher[data-v-5216ef14]{height:100%}.content .choose-teacher .choose-teacher-title[data-v-5216ef14]{display:flex;justify-content:flex-start;align-items:center;margin-bottom:20px}.content .choose-teacher .choose-teacher-title .title[data-v-5216ef14]{margin-right:2%}.content .choose-teacher .choose-teacher-title .teacher-select[data-v-5216ef14] .el-input--suffix .el-input__inner{border:none;background:#224e96;color:#fff;border-radius:35px;font-family:YuantiRegular}.content .choose-teacher .choose-teacher-title .seleted-teacher-info[data-v-5216ef14]{width:-moz-fit-content;width:fit-content;display:flex;justify-content:space-between;align-items:center;height:40px;background:#224e96;color:#fff;border-radius:35px;cursor:pointer;padding:1% 2% 1% 3%}.content .choose-teacher .choose-teacher-title .seleted-teacher-info .change-date-btn[data-v-5216ef14]{color:#fff;background-color:#000;padding:8px 21px 8px 21px;border-radius:45px;margin:0 0 0 13px;display:inline-block}.content .choose-teacher .choose-teacher-title .seleted-teacher-info .change-date-btn[data-v-5216ef14]:hover{opacity:.8}.content .choose-teacher .choose-teacher-title .seleted-teacher-info .teacher-avatar[data-v-5216ef14]{height:100%;display:flex;align-items:center;margin-right:15px}.content .choose-teacher .choose-teacher-title .seleted-teacher-info .teacher-avatar img[data-v-5216ef14]{border-radius:50%;height:30px;border-radius:20px}.content .choose-teacher .teacher-list-area[data-v-5216ef14]{width:100%;height:calc(100% - 41px);display:flex;flex-direction:column;margin-top:20px;overflow:auto;gap:20px}.content .choose-teacher .teacher-list-area .teacher-info-item[data-v-5216ef14]{background:#fafafa;border-radius:10px;display:flex}.content .choose-teacher .teacher-list-area .teacher-info-item .single-teacher[data-v-5216ef14]{width:90%;display:flex;justify-content:space-between;padding:20px}.content .choose-teacher .teacher-list-area .teacher-info-item .single-teacher .teacher-avatar[data-v-5216ef14]{display:flex;justify-content:center;align-items:center}.content .choose-teacher .teacher-list-area .teacher-info-item .single-teacher .teacher-avatar img[data-v-5216ef14]{width:70px;height:70px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.content .choose-teacher .teacher-list-area .teacher-info-item .single-teacher .teacher-info[data-v-5216ef14]{width:80%;align-content:center}.content .choose-teacher .teacher-list-area .teacher-info-item .single-teacher .teacher-info .teacher-info-top[data-v-5216ef14]{display:flex;justify-content:space-between;align-items:center}.content .choose-teacher .teacher-list-area .teacher-info-item .single-teacher .teacher-info .teacher-info-top .book-btn[data-v-5216ef14]{padding:5px 10px;background:#f4d737;border-radius:10px;cursor:pointer;padding:10px 15px}.content .choose-teacher .teacher-list-area .teacher-info-item .single-teacher .teacher-info .teacher-info-top .book-btn[data-v-5216ef14]:hover{opacity:.8}.content .choose-teacher .teacher-list-area .teacher-info-item .single-teacher .teacher-info .teacher-info-top .teacher-info-top-left[data-v-5216ef14]{width:70%}.content .choose-teacher .teacher-list-area .teacher-info-item .single-teacher .teacher-info .teacher-info-top .teacher-info-top-left .score[data-v-5216ef14]{margin-top:2%}.content .choose-teacher .teacher-list-area .teacher-info-item .single-teacher .teacher-info .teacher-info-top .teacher-info-top-left .teach-time[data-v-5216ef14]{white-space:normal;word-break:break-all;margin-top:2%}.content .choose-teacher .teacher-list-area .teacher-info-item .single-teacher .teacher-info .introcution[data-v-5216ef14]{margin-top:.5%;width:100%;height:50px;white-space:normal;font-family:MontserratRegular;font-weight:400;color:#333}.content .choose-class-time[data-v-5216ef14]{padding-bottom:2%}.content .choose-class-time .choose-class-date[data-v-5216ef14]{background:#f1f1f0;margin-top:1%;padding:1% 0;border-radius:5px;padding-top:10px}.content .choose-class-time .class-time[data-v-5216ef14]{margin-top:1%;display:flex;flex-wrap:wrap;justify-content:flex-start;opacity:1;filter:grayscale(0);transition:all .8s}.content .choose-class-time .class-time.isDisabled[data-v-5216ef14]{filter:grayscale(1);opacity:.1}.content .choose-class-time .class-time .time-item[data-v-5216ef14]{width:11.7%;text-align:center;padding:1% 1%;background:#fafafa;margin:0 0 .5% .5%;border-radius:5px;cursor:pointer}.content .choose-class-time .class-time .active[data-v-5216ef14]{background:#224e96;color:#fff}.content .choose-class-time .class-time .can-not-choose[data-v-5216ef14]{color:#9e9e9f;background:#f1f1f0;cursor:auto}.content .choose-class-time-title[data-v-5216ef14]{display:flex;align-items:center;margin-bottom:2%;height:40px}.content .choose-class-time-title .show-class-time-area[data-v-5216ef14]{background:#224e96;padding:1% 3%;color:#fff;margin-left:20px;border-radius:35px;font-size:.8rem;display:flex;line-height:.8rem;cursor:pointer;align-items:center}.content .choose-class-time-title .show-class-time-area .change-date-btn[data-v-5216ef14]{color:#fff;background-color:#000;padding:11px 21px 10px 21px;border-radius:45px;margin:0 0 0 13px}.content .choose-class-time-title .show-class-time-area .change-date-btn[data-v-5216ef14]:hover{opacity:.8}.content .teacher-class-time-chooose-area[data-v-5216ef14]{width:100%;height:100%}.content .teacher-class-time-chooose-area .time-box[data-v-5216ef14]{width:100%;height:98%;display:flex;align-items:flex-start;padding-bottom:2%}.content .teacher-class-time-chooose-area .time-box .choose-block[data-v-5216ef14]{width:100%;display:flex;justify-content:space-between}.content .teacher-class-time-chooose-area .time-box .choose-block .time-area[data-v-5216ef14]{width:12%;display:flex;flex-wrap:wrap;margin-top:4px}.content .teacher-class-time-chooose-area .time-box .choose-block .time-area .time-item[data-v-5216ef14]{width:100%;background:#fafafa;text-align:center;border-radius:5px;margin-bottom:4px;padding:10% 0}.content .teacher-class-time-chooose-area .time-box .choose-block .block-col[data-v-5216ef14]{width:12%;text-align:center;margin-top:4px;display:flex;flex-direction:column}.content .teacher-class-time-chooose-area .time-box .choose-block .block-col .block-row[data-v-5216ef14]{width:100%;border-radius:5px;margin-bottom:4px;padding:10% 0;background:#f1f1f0;color:#f1f1f0}.content .teacher-class-time-chooose-area .time-box .choose-block .block-col .canBeChoose[data-v-5216ef14]{background:#f4d737;color:#f4d737;cursor:pointer}.content .teacher-class-time-chooose-area .time-box .choose-block .block-col .choosedTime[data-v-5216ef14]{background:#224e96;color:#224e96}.content .duration-area[data-v-5216ef14]{display:flex;margin-left:25px;margin-bottom:20px;align-items:center}.content .duration-area p[data-v-5216ef14]{margin-right:5%}.content .duration-area .duration-item[data-v-5216ef14]{margin-right:1%;width:2rem;height:2rem;border-radius:50%;background:#f1f1f0;text-align:center;line-height:2rem;cursor:pointer}.content .duration-area .duration-item[data-v-5216ef14]:hover{opacity:.8}.content .duration-area .active[data-v-5216ef14]{background:#f4d737}.content .book-button[data-v-5216ef14]{width:100%;display:flex;justify-content:flex-end}.content .book-button .book[data-v-5216ef14]{margin-right:-2%;width:15%;background:#cd4c3f;border-top-left-radius:20px;text-align:center;padding:2% 2%;color:#fff;cursor:pointer}.content .book-button .book[data-v-5216ef14]:hover{opacity:.8}[data-v-5216ef14] .el-dialog{border-radius:15px;background:#fff}[data-v-5216ef14] .el-dialog .el-dialog__header{background:#224e96;border-top-left-radius:15px;border-top-right-radius:15px;color:#fff;padding:4% 8%}[data-v-5216ef14] .el-dialog .el-dialog__header .el-dialog__title{color:#fff;font-size:1rem}[data-v-5216ef14] .el-dialog .el-dialog__header .el-dialog__close{color:#fff}.book-class-dialog[data-v-5216ef14] .el-dialog{max-width:450px}.book-class-dialog .booking-comfirm-content[data-v-5216ef14]{font-size:1rem}.book-class-dialog .booking-comfirm-content .class-classify[data-v-5216ef14]{display:flex;align-items:center;color:#9e9e9f;margin-bottom:5%}.book-class-dialog .booking-comfirm-content .class-classify .classify-item[data-v-5216ef14]{cursor:default;flex:1}.book-class-dialog .booking-comfirm-content .class-classify .active[data-v-5216ef14]{color:#224e96}.book-class-dialog .booking-comfirm-content .key[data-v-5216ef14]{color:#cd4c3f;margin-bottom:5%}.book-class-dialog .booking-comfirm-content .value[data-v-5216ef14]{width:70%;color:#224e96;text-align:center;font-size:.8rem;padding:5% 6%;background:#fafafa;border-radius:20px}.book-class-dialog .booking-comfirm-content .one-time-class .date-and-time[data-v-5216ef14]{display:flex}.book-class-dialog .booking-comfirm-content .one-time-class .date-and-time .class-date[data-v-5216ef14],.book-class-dialog .booking-comfirm-content .one-time-class .date-and-time .class-time[data-v-5216ef14]{flex:1}.book-class-dialog .booking-comfirm-content .recurring-class .date-and-time[data-v-5216ef14]{margin-bottom:5%}.book-class-dialog .booking-comfirm-content .recurring-class .date-and-time .class-date-title[data-v-5216ef14]{display:flex;justify-content:flex-start}.book-class-dialog .booking-comfirm-content .recurring-class .date-and-time .class-date-title .key[data-v-5216ef14]{flex:1}.book-class-dialog .booking-comfirm-content .recurring-class .date-and-time .date-picker-area .el-input__inner[data-v-5216ef14],.book-class-dialog .booking-comfirm-content .recurring-class .date-and-time .date-picker-area[data-v-5216ef14] .el-range-editor{width:100%;padding:0;border:none}.book-class-dialog .booking-comfirm-content .recurring-class .date-and-time .date-picker-area .el-input__inner .el-range__icon[data-v-5216ef14],.book-class-dialog .booking-comfirm-content .recurring-class .date-and-time .date-picker-area[data-v-5216ef14] .el-range-editor .el-range__icon{display:none}.book-class-dialog .booking-comfirm-content .recurring-class .date-and-time .date-picker-area .el-input__inner .el-range-input[data-v-5216ef14],.book-class-dialog .booking-comfirm-content .recurring-class .date-and-time .date-picker-area[data-v-5216ef14] .el-range-editor .el-range-input{background:#fafafa;border-radius:20px;color:#224e96}.book-class-dialog .booking-comfirm-content .recurring-class .date-and-time .date-picker-area .el-input__inner .el-range__close-icon[data-v-5216ef14],.book-class-dialog .booking-comfirm-content .recurring-class .date-and-time .date-picker-area[data-v-5216ef14] .el-range-editor .el-range__close-icon{line-height:40px}.book-class-dialog .booking-comfirm-content .recurring-class .class-time .value[data-v-5216ef14]{padding:3% 6%;width:60%}.book-class-dialog .booking-comfirm-content .control-button[data-v-5216ef14]{margin-top:14%;display:flex;justify-content:center}.book-class-dialog .booking-comfirm-content .control-button .book[data-v-5216ef14],.book-class-dialog .booking-comfirm-content .control-button .cancle[data-v-5216ef14]{padding:3% 7%;color:#fff;text-align:center;background:#224e96;border-radius:25px;width:15%;cursor:pointer}.book-class-dialog .booking-comfirm-content .control-button .book[data-v-5216ef14]:hover,.book-class-dialog .booking-comfirm-content .control-button .cancle[data-v-5216ef14]:hover{opacity:.8}.book-class-dialog .booking-comfirm-content .control-button .book[data-v-5216ef14]{background:#cd4c3f;margin-left:5%}.pick-date-range[data-v-5216ef14]{background:#fff!important}.book-class-container[data-v-5216ef14]{font-weight:600;width:90%;cursor:default;height:100%}.book-class-container[data-v-5216ef14] .active{color:#224e96}.book-class-container[data-v-5216ef14] .nav-title{display:flex}.book-class-container[data-v-5216ef14] .nav-title .nav-title-item{margin-right:5%;cursor:default}.book-class-container[data-v-5216ef14] .nav-title .nav-title-item:not(.active){cursor:pointer}.book-class-container[data-v-5216ef14] .nav-title .nav-title-item a{color:#9e9e9f}.book-class-container[data-v-5216ef14] .page-content{height:calc(100% - 224px);margin-top:20px}.book-class-container[data-v-5216ef14] .content{width:100%;height:calc(100% - 40px);background:#fff!important;border-radius:10px;padding:20px 30px}.book-class-containe .book-class-container .page-name{margin-bottom:0}.book-class-containe .el-popper{background:#224e96!important;border-radius:20px}.book-class-containe .el-popper .hover{background:#224e96}.book-class-containe .el-popper .selected{color:#f4d737}.book-class-containe .el-popper .popper__arrow{display:none}.book-class-containe .pick-date-range{background:#fff!important}.book-class-containe .el-select-dropdown,.book-class-containe .el-select-dropdown .el-scrollbar{border-radius:20px}.book-class-containe .el-select-dropdown .el-scrollbar .el-scrollbar__wrap{overflow:auto}.book-class-containe .el-select-dropdown .el-scrollbar .el-select-dropdown__list{padding:0}.book-class-containe .el-select-dropdown .el-scrollbar .el-select-dropdown__wrap{background-color:#224e96;border-radius:20px;margin-bottom:0!important}.book-class-containe .el-select-dropdown .el-scrollbar .el-select-dropdown__wrap .el-select-dropdown__item{color:#fff}.book-class-containe .el-select-dropdown .el-scrollbar .el-select-dropdown__wrap .el-select-dropdown__item.hover{color:#224e96;background-color:#fff}