#reservation[data-v-17aadd70]{position:relative;height:100%;background-color:#fff}#reservation .content[data-v-17aadd70]{padding-bottom:112px}#reservation .content .top[data-v-17aadd70]{display:flex;justify-content:space-between;padding:24px 72px 13px 24px;border-bottom:1px solid #f6f6f6}#reservation .content .top .title[data-v-17aadd70]{font-size:24px;font-family:PingFang SC-Medium,PingFang SC;font-weight:500;color:#000}#reservation .content .top .msg[data-v-17aadd70]{display:flex;align-items:center}#reservation .content .top .msg .msg-1[data-v-17aadd70]{font-size:14px;color:#999}#reservation .content .top .msg .msg-2[data-v-17aadd70]{margin-left:88px;font-size:14px;color:#999}#reservation .content .list[data-v-17aadd70]{padding:0 16px 0 24px}#reservation .content .list .item[data-v-17aadd70]{margin-top:24px}#reservation .content .list .item .time[data-v-17aadd70]{width:100%;background:#f4f6f8;border-radius:4px 4px 4px 4px;padding:8px 16px;font-size:14px;font-family:PingFang SC-Regular,PingFang SC;font-weight:400;color:#37363b}#reservation .content .list .item .course-msg[data-v-17aadd70]{height:100%;margin-top:16px;display:flex}#reservation .content .list .item .course-msg .course-img[data-v-17aadd70]{width:150px;height:84px;border-radius:4px 4px 4px 4px}#reservation .content .list .item .course-msg .course-txt[data-v-17aadd70]{margin-left:16px;width:449px;display:flex;flex-direction:column;justify-content:space-between}#reservation .content .list .item .course-msg .course-txt .course-name[data-v-17aadd70]{font-size:14px;font-family:PingFang SC-Medium,PingFang SC;font-weight:500;color:#333}#reservation .content .list .item .course-msg .course-txt .course-section_count[data-v-17aadd70]{margin-top:8px;font-size:12px;font-family:PingFang SC-Regular,PingFang SC;font-weight:400;color:#6b6a6f}#reservation .content .list .item .course-msg .course-txt .teachers[data-v-17aadd70]{margin-top:4px;font-size:12px;font-family:PingFang SC-Regular,PingFang SC;font-weight:400;color:#6b6a6f}#reservation .content .list .item .course-msg .type[data-v-17aadd70]{display:flex;flex-direction:column;justify-content:space-around;margin-left:32px;color:#3c3c3c;font-size:14px}#reservation .content .list .item .course-msg .btn-box[data-v-17aadd70]{margin-left:62px;display:flex;flex-direction:column;justify-content:space-around}#reservation .content .list .item .course-msg .btn-box .btn-1[data-v-17aadd70]{cursor:pointer;text-align:center;line-height:24px;width:66px;height:24px;background:#efefef;border-radius:4px 4px 4px 4px;font-size:13px;color:#9899a2}#reservation .content .list .item .course-msg .btn-box .btn-1[data-v-17aadd70]:hover{color:#6b6a6f}#reservation .content .list .item .course-msg .btn-box .btn-2[data-v-17aadd70]{cursor:pointer;text-align:center;line-height:24px;width:66px;height:24px;background:#0ad192;border-radius:4px 4px 4px 4px;color:#fff}#reservation .content .list .item .course-msg .btn-box .btn-2[data-v-17aadd70]:hover{background:#09bc83}#reservation .content .list .item .course-msg .btn-box .btn-3[data-v-17aadd70]{cursor:pointer;text-align:center;line-height:23px;width:66px;height:24px;border-radius:4px 4px 4px 4px;opacity:1;border:1px solid #c3c3c7;color:#37363b}#reservation .content .list .item .course-msg .btn-box .btn-3[data-v-17aadd70]:hover{border:1px solid #ff4141;color:#ff4141}#reservation .el-pagination[data-v-17aadd70]{margin-top:42px;position:absolute;left:50%;bottom:38px;transform:translateX(-50%)}#reservation[data-v-17aadd70] .btn-next,#reservation[data-v-17aadd70] .btn-prev{width:32px;height:32px;background:#fff;border-radius:2px 2px 2px 2px;border:1px solid #efefef}#reservation[data-v-17aadd70] .btn-next .el-icon,#reservation[data-v-17aadd70] .btn-prev .el-icon{font-size:16px!important}#reservation[data-v-17aadd70] .el-pager .number{font-size:14px!important;width:32px;height:32px;background:#fff;border-radius:2px 2px 2px 2px;border:1px solid #efefef}#reservation[data-v-17aadd70] .el-pager li:hover{color:#0ad192}#reservation[data-v-17aadd70] .el-pager li.active{color:#fff}#reservation[data-v-17aadd70] .el-pagination.is-background .el-pager li:not(.disabled).active{background-color:#0ad192}#reservation .list .el-pagination[data-v-17aadd70]{margin-top:42px;position:absolute;left:50%;bottom:38px;transform:translateX(-50%)}#reservation .list[data-v-17aadd70] .btn-next,#reservation .list[data-v-17aadd70] .btn-prev{width:32px;height:32px;background:#fff;border-radius:2px 2px 2px 2px;border:1px solid #efefef}#reservation .list[data-v-17aadd70] .btn-next .el-icon,#reservation .list[data-v-17aadd70] .btn-prev .el-icon{font-size:16px!important}#reservation .list[data-v-17aadd70] .el-pager .number{font-size:14px!important;width:32px;height:32px;background:#fff;border-radius:2px 2px 2px 2px;border:1px solid #efefef}#reservation .list[data-v-17aadd70] .el-pager li:hover{color:#0ad192}#reservation .list[data-v-17aadd70] .el-pager li.active{color:#fff}#reservation .list[data-v-17aadd70] .el-pagination.is-background .el-pager li:not(.disabled).active{background-color:#0ad192}