.preview-modal[data-v-32fc2cd9]{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.8)}.preview-modal .courseBody[data-v-32fc2cd9]{background:url(../../assets/img/spbf_pic.4762d1d5.png) no-repeat;background-size:contain;position:relative;width:30.875rem;border-radius:2.125rem}.preview-modal .courseBody .videoBox[data-v-32fc2cd9]{height:100%;z-index:999!important;border-radius:2.125rem}.preview-modal .courseBody .videoBox>.content[data-v-32fc2cd9]{width:30.875rem;height:55.375rem;display:flex;align-items:center;justify-content:center}.preview-modal .courseBody .videoBox>.content .lists[data-v-32fc2cd9]{width:30.875rem;height:55.375rem;display:flex;overflow:hidden}.preview-modal .courseBody .videoBox>.content .lists .items[data-v-32fc2cd9]{width:30.875rem;height:55.375rem;position:relative;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:1.5625rem;margin-top:.8125rem}.preview-modal .courseBody .videoBox>.content .lists .items .title[data-v-32fc2cd9]{width:100%;padding:0 5rem;position:absolute;top:.3125rem;left:50%;transform:translateX(-50%);font-size:2.125rem;color:#fff;letter-spacing:0;text-align:center;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.preview-modal .courseBody .videoBox>.content .lists .items .video[data-v-32fc2cd9]{width:26.8125rem;height:47.5625rem;border-radius:1.5625rem}.preview-modal .courseBody .videoBox>.content .lists .items .video .playbtn[data-v-32fc2cd9]{z-index:99;width:26.8125rem;height:47.5625rem;cursor:pointer;position:absolute;display:flex;align-items:center;justify-content:center}.preview-modal .courseBody .videoBox>.content .lists .items .video .playbtn .icon[data-v-32fc2cd9]{width:5rem;height:5rem}.preview-modal .courseBody .videoBox>.content .lists .items .video .controls[data-v-32fc2cd9]{z-index:999;position:absolute;bottom:4.375rem;right:2.625rem}.preview-modal .courseBody .videoBox>.content .lists .items .video .controls>img[data-v-32fc2cd9]{cursor:pointer;width:2.75rem;height:2.75rem;margin:0 .3125rem}.preview-modal .courseBody .videoBox>.content .lists .items .video>video[data-v-32fc2cd9]{width:100%;height:100%;border-radius:1.5rem}.preview-modal .courseBody .videoBox>.content .lists .items[data-v-32fc2cd9]:last-child,.preview-modal .courseBody .videoBox>.content .lists .items[data-v-32fc2cd9]:nth-child(8n){margin-right:0}.preview-modal .courseBody .videoBox>.content .lists .items>.courseImg[data-v-32fc2cd9]{width:10.625rem;height:19.1rem;border-radius:1.5rem}.preview-modal .courseBody .videoBox>.content .lists .items>.tags[data-v-32fc2cd9]{width:3.125rem;height:2.53125rem;position:absolute;top:1.25rem;left:-.625rem}.preview-modal .courseBody .videoBox>.content .lists .items>.tags>p[data-v-32fc2cd9]{width:100%;height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;font-size:.875rem;color:#fff;display:flex;line-height:1.875rem;justify-content:center}.preview-modal .courseBody .videoBox>.content .lists .items>.tags>img[data-v-32fc2cd9]{width:100%;height:100%;position:absolute;left:0;top:0}.preview-modal .courseBody .videoBox>.content .lists .items>.intro[data-v-32fc2cd9]{width:11.125rem;text-align:center;margin:.9375rem auto 0;font-size:1.375rem;color:#3b3944;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.preview-modal .courseBody .bot[data-v-32fc2cd9]{width:32.875rem;height:4.25rem;background:url(../../assets/img/tz_pic.ed8a9230.png) no-repeat;background-size:contain;margin-top:1.25rem;letter-spacing:0;text-align:center;line-height:4.25rem;font-weight:500}.preview-modal .courseBody .bot p[data-v-32fc2cd9]{color:#fff;font-size:2rem}.preview-modal .courseBody .bot p span[data-v-32fc2cd9]{color:#ffb02f;font-size:2rem}.preview-modal .arrow[data-v-32fc2cd9]{width:4.75rem;height:4.75rem;cursor:pointer;margin:0 5.5rem}.preview-modal .transparent[data-v-32fc2cd9]{opacity:.5}.preview-modal .close[data-v-32fc2cd9]{cursor:pointer;position:absolute;top:3.75rem;right:6.75rem;width:4.75rem;height:4.75rem}.bytjList[data-v-6e82eae6]{position:relative}.bytjList .header-bar[data-v-6e82eae6]{position:absolute;top:-3.625rem;left:2.8125rem;display:flex;align-items:top}.bytjList .header-bar .tags[data-v-6e82eae6]{cursor:pointer}.bytjList .header-bar .tags>img[data-v-6e82eae6]{width:8.75rem;height:6rem}.bytjList .header-bar .tags:nth-child(4)>img[data-v-6e82eae6]{width:11.5625rem;height:6rem}.bytjList .courseBody[data-v-6e82eae6]{position:relative;width:115rem;height:51.3125rem;margin:6.25rem auto 0;background:#fff;border-radius:2.125rem}.bytjList .courseBody .videoBox[data-v-6e82eae6]{height:100%;z-index:999!important;padding:2.8125rem 1.875rem;box-shadow:0 0 1rem .5rem rgba(255,177,0,.08);border-radius:2.125rem}.bytjList .courseBody .videoBox>.content[data-v-6e82eae6]{width:100%;height:100%;display:flex;align-items:center;justify-content:space-evenly}.bytjList .courseBody .videoBox>.content .lists[data-v-6e82eae6]{margin-top:.625rem;flex:1;height:100%;display:flex;flex-wrap:wrap}.bytjList .courseBody .videoBox>.content .lists .items[data-v-6e82eae6]{width:11.125rem;height:22rem;margin:0 .96875rem;position:relative;cursor:pointer;display:flex;flex-direction:column;align-items:center}.bytjList .courseBody .videoBox>.content .lists .items .video[data-v-6e82eae6]{width:10.625rem;height:19.1rem;background:#fff;border-radius:1rem;border-radius:.9375rem;box-shadow:0 .25rem .5rem 0 #f5ecd8}.bytjList .courseBody .videoBox>.content .lists .items .video>img[data-v-6e82eae6]{width:100%;height:100%;display:block;border-radius:.625rem;object-fit:contain;object-position:center}.bytjList .courseBody .videoBox>.content .lists .items[data-v-6e82eae6]:last-child,.bytjList .courseBody .videoBox>.content .lists .items[data-v-6e82eae6]:nth-child(8n){margin-right:0}.bytjList .courseBody .videoBox>.content .lists .items>.courseImg[data-v-6e82eae6]{width:10.625rem;height:19.1rem;border-radius:1rem 1rem 0 0}.bytjList .courseBody .videoBox>.content .lists .items>.tags[data-v-6e82eae6]{width:3.125rem;height:2.53125rem;position:absolute;top:1.25rem;left:-.625rem}.bytjList .courseBody .videoBox>.content .lists .items>.tags>p[data-v-6e82eae6]{width:100%;height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;font-size:.875rem;color:#fff;display:flex;line-height:1.875rem;justify-content:center}.bytjList .courseBody .videoBox>.content .lists .items>.tags>img[data-v-6e82eae6]{width:100%;height:100%;position:absolute;left:0;top:0}.bytjList .courseBody .videoBox>.content .lists .items>.intro[data-v-6e82eae6]{width:11.125rem;text-align:center;margin:.9375rem auto 0;font-size:1.375rem;color:#3b3944;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bytjList .courseBody .videoBox>.content .arrow[data-v-6e82eae6]{width:3.5rem;height:3.5rem;cursor:pointer}.bytjList .courseBody .videoBox>.content .transparent[data-v-6e82eae6]{opacity:.5}