#course[data-v-37e2262c]{width:100vw;height:100vh;display:flex;flex-direction:column}#course .header[data-v-37e2262c]{flex-shrink:0;height:154px;background-image:url(../img/reg-confirm-bear.png),linear-gradient(-45deg,#fff,60%,#fff2cd);background-repeat:no-repeat;background-size:150px 129px,100% 100%;background-position:100% 100%,50%;position:relative}#course .header .title[data-v-37e2262c]{width:215px;margin-top:62px;margin-left:22px}#course .body[data-v-37e2262c]{flex:1 1;padding:28px 16px;background:linear-gradient(-45deg,#fff,90%,#fffbeb);position:relative}#course .body .title[data-v-37e2262c]{font-weight:600;font-size:14px;color:#333;margin-bottom:6px}#course .body .course-info[data-v-37e2262c]{width:100%;background:#fff;box-shadow:0 -2px 3px rgba(127,137,163,.23),2px 0 3px rgba(127,137,163,.23),0 7px 3px rgba(127,137,163,.23);border-radius:8px 8px 8px 8px;padding:12px 10px;display:flex;position:relative}#course .body .course-info[data-v-37e2262c]:before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;transform:translate(-1px,1px);background:linear-gradient(225deg,#fff 60%,#fda336);z-index:-1;border-radius:8px 8px 8px 8px}#course .body .course-info .icon[data-v-37e2262c]{flex-shrink:0;width:100px;height:100px;border-radius:6px 6px 6px 6px;overflow:hidden;position:relative}#course .body .course-info .icon img[data-v-37e2262c]{width:100%;height:100%}#course .body .course-info .icon span[data-v-37e2262c]{position:absolute;top:0;right:0;width:32px;height:14px;line-height:14px;border-radius:0 6px 0 6px;font-weight:500;font-size:9px;color:#fff;text-align:center}#course .body .course-info .icon .red[data-v-37e2262c]{background:linear-gradient(90deg,#f05432,#fb957e)}#course .body .course-info .icon .green[data-v-37e2262c]{background:linear-gradient(90deg,#0dbd1b,#69dc2b)}#course .body .course-info .icon .orange[data-v-37e2262c]{background:linear-gradient(99deg,#fa831a,#ffb848)}#course .body .course-info .content[data-v-37e2262c]{flex:1 1;margin-left:20px}#course .body .course-info .content .name[data-v-37e2262c]{font-weight:600;font-size:16px;color:#5c1505;line-height:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px}#course .body .course-info .content .info[data-v-37e2262c]{font-weight:500;font-size:13px;color:#5c1505;line-height:18px;margin-bottom:4px}#course .body .course-info .content .info span[data-v-37e2262c]{min-width:55px;display:inline-block;font-weight:400;font-size:11px;color:#7f471c}#course .body .tip[data-v-37e2262c]{font-weight:500;font-size:10px;color:#b2b2b2;margin-top:16px;text-align:center}#course .body .btn-box[data-v-37e2262c]{width:100%;position:absolute;left:0;bottom:40px;display:flex;flex-direction:column;align-items:center}#course .body .confirm[data-v-37e2262c]{margin-top:10px;width:327px;height:52px;background:linear-gradient(105deg,#fa831a,#ffb848);border-radius:99px 99px 99px 99px;border:none}#course .body .stop[data-v-37e2262c]{width:fit-content;font-weight:500;font-size:13px;color:#fb8a20;border-bottom:1px dashed #fb8a20}