.record-item[data-v-2ea827e6]{position:relative;display:flex;flex-direction:column;width:227px;height:290px;border-radius:4px;background:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.01),0 6px 12px 0 rgba(0,0,0,.06);margin:0 16px 24px 0;color:#353535;overflow:hidden;transition:transform .3s ease-in-out}.record-item[data-v-2ea827e6]:hover{transform:translate3d(0,-2px,0)}.record-item[data-v-2ea827e6]:nth-child(5n){margin-right:0}.record-item .img-cover[data-v-2ea827e6]:before{background-image:var(--bg-image);background-size:cover;content:"";position:absolute;top:0;right:0;bottom:0;left:0;filter:blur(20px);background-position:50%}.record-item .img-cover[data-v-2ea827e6]{width:227px;height:127px;display:flex;position:relative;justify-content:center;align-items:center;background-size:cover;background-position:50%}.record-item .img-cover .course-img[data-v-2ea827e6]{position:absolute;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;z-index:1000}.record-item .course-info[data-v-2ea827e6]{width:100%;height:120px;padding:8px 12px 14px}.record-item .course-info .course-title[data-v-2ea827e6]{display:inline-block;width:203px;font-size:14px;font-weight:700;line-height:20px;color:#353535;white-space:nowrap;word-break:break-all;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px}.record-item .course-info .progress-stick[data-v-2ea827e6]{width:203px;height:4px;border-radius:2px;background:#eee}.record-item .course-info .progress-stick .done-stick[data-v-2ea827e6]{height:4px;margin-bottom:4px;border-radius:2px;background:#2a75ed}.record-item .course-info .progress-info[data-v-2ea827e6]{display:inline-block;font-size:10px;line-height:18px;color:#2a75ed;margin-bottom:8px}.record-item .course-info .item-button[data-v-2ea827e6]{width:203px;height:36px;border-radius:18px}.record-item .course-info .start-button[data-v-2ea827e6]{background-color:#2a75ed;color:#fff!important;border:none}.record-item .course-info .keep-button[data-v-2ea827e6]{border:1px solid #2a75ed;background-color:#fff;color:#2a75ed}.record-cover[data-v-3accd1df]{min-height:calc(100vh - 232px);position:relative;background:#f5f6f9;margin-top:24px}.index[data-v-3accd1df]{width:1200px;margin:0 auto}.index>.record-header[data-v-3accd1df]{width:100%;line-height:33px;margin-bottom:16px}.index>.record-header>span[data-v-3accd1df]{font-size:24px}.index>.record-list[data-v-3accd1df]{position:relative;margin-right:-15px}.index>.record-list .record-item[data-v-3accd1df],.index>.record-list[data-v-3accd1df]{display:inline-block}.index .pagination-wrap[data-v-3accd1df]{margin-top:20px;text-align:center}.index .hidden-pagination[data-v-3accd1df]{visibility:hidden}[data-v-3accd1df] .ss-pagination .ss-pagination-options .ss-pagination-options-jump .ss-pagination-options-jump-input{height:32px}[data-v-3accd1df] .ss-pagination .ss-pagination-options .ss-input-inner{left:0}