section .crumb[data-v-c17fc9e1]{background-color:#fff!important;padding-bottom:14px!important;padding-top:20px!important}section main[data-v-c17fc9e1]{display:flex;gap:20px;margin-bottom:98px}section main .left[data-v-c17fc9e1]{flex:1}section main .left[data-v-c17fc9e1] .d-player-wrap{border-radius:20px;height:573px;width:100%!important}section main .left[data-v-c17fc9e1] .d-player-wrap .d-player-video{height:auto}section main .des[data-v-c17fc9e1]{margin:20px 0}section main .des h1[data-v-c17fc9e1]{color:#000;font-size:25px}section main .des h1[data-v-c17fc9e1],section main .des p[data-v-c17fc9e1]{font-family:PingFang SC;font-style:normal;font-weight:500;line-height:normal;margin-top:18px}section main .des p[data-v-c17fc9e1]{color:#999;font-size:20px}.course-sections[data-v-c17fc9e1]{display:flex;flex-direction:column;gap:0;padding:0 8px;width:320px}.course-sections .t-title[data-v-c17fc9e1]{align-items:center;color:#1f1f1f;display:flex;font-size:16px;height:64px}.course-sections .t-title .icon[data-v-c17fc9e1]{height:24px;margin-right:10px;-o-object-fit:contain;object-fit:contain;width:24px}.course-sections .course-section[data-v-c17fc9e1]{overflow:hidden}.course-sections .course-section .section-header[data-v-c17fc9e1]{align-items:center;background:#fff;border-radius:2px;display:flex;height:50px;justify-content:space-between;padding:0 20px;transition:background .3s ease}.course-sections .course-section .section-header[data-v-c17fc9e1]:hover{background:#f0f0f0}.course-sections .course-section .section-header .section-title[data-v-c17fc9e1]{align-items:center;display:flex;flex:1;gap:10px;min-width:0}.course-sections .course-section .section-header .section-title .section-name[data-v-c17fc9e1]{color:#000;flex:1;font-size:14px;font-weight:500;line-height:24px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-sections .course-section .section-header .iconfont[data-v-c17fc9e1]{color:#333;cursor:pointer;font-size:13px;transition:transform .3s ease}.course-sections .course-section .section-header .iconfont[data-v-c17fc9e1]:hover{color:#fe6b44}.course-sections .course-section .video-list[data-v-c17fc9e1]{background:#fff}.course-sections .course-section .video-list .video-item[data-v-c17fc9e1]{align-items:center;border-radius:2px;cursor:pointer;display:flex;height:42px;justify-content:space-between;padding:0 20px;transition:background .3s ease}.course-sections .course-section .video-list .video-item.active[data-v-c17fc9e1],.course-sections .course-section .video-list .video-item[data-v-c17fc9e1]:hover{background:#f2f3f5}.course-sections .course-section .video-list .video-item.active .video-left .video-title[data-v-c17fc9e1]{color:#fe6b44}.course-sections .course-section .video-list .video-item .video-left[data-v-c17fc9e1]{align-items:center;display:flex;flex:1;min-width:0;padding-right:10px}.course-sections .course-section .video-list .video-item .video-left .video-title[data-v-c17fc9e1]{color:#333;font-size:14px;overflow:hidden;padding-left:20px;text-overflow:ellipsis;white-space:nowrap}.course-sections .course-section .video-list .video-item .video-left .current-icon[data-v-c17fc9e1]{align-items:center;display:flex;flex:1;margin-left:5px}.course-sections .course-section .video-list .video-item .video-left .current-icon img[data-v-c17fc9e1]{width:14px}.course-sections .course-section .video-list .video-item .video-right[data-v-c17fc9e1]{align-items:center;display:flex}.course-sections .course-section .video-list .video-item .video-right .video-status[data-v-c17fc9e1]{border:2px solid #c2c2c2;border-radius:50%;display:flex;height:14px;position:relative;width:14px}.course-sections .course-section .video-list .video-item .video-right .video-status.status-0[data-v-c17fc9e1]{background-color:#fff}.course-sections .course-section .video-list .video-item .video-right .video-status.status-1[data-v-c17fc9e1]{border-color:#fe6b44}.course-sections .course-section .video-list .video-item .video-right .video-status.status-1[data-v-c17fc9e1]:after{background-color:#fe6b44;bottom:0;content:"";height:50%;position:absolute;width:100%}.course-sections .course-section .video-list .video-item .video-right .video-status.status-2[data-v-c17fc9e1]{background-color:#fe6b44;border-color:#fe6b44;color:#fff;font-size:10px}.course-sections .course-section .video-list .video-item .video-right .video-duration[data-v-c17fc9e1]{align-items:center;display:flex;gap:6px}.course-sections .course-section .video-list .video-item .video-right .video-duration .iconfont.icon-pending[data-v-c17fc9e1],.course-sections .course-section .video-list .video-item .video-right .video-duration span[data-v-c17fc9e1]{color:#979797;font-size:14px}.course-sections .course-section .video-list .video-item .video-right .start-btn[data-v-c17fc9e1]{background:#fe6b44;border:none;border-radius:28px;color:#fff;cursor:pointer;display:none;font-size:14px;padding:6px 20px;transition:background .3s ease}@media (max-width:1600px) and (min-width:992px){.box[data-v-c17fc9e1]{width:1200px!important}}@media (max-width:992px){main[data-v-c17fc9e1]{flex-direction:column;gap:20px}main .course-left[data-v-c17fc9e1]{padding:0;width:100%!important}main .left[data-v-c17fc9e1]{width:100%}main[data-v-c17fc9e1] .d-player-wrap{height:100%!important;margin-top:1.4rem}}@media (max-width:768px){.crumb[data-v-c17fc9e1]{display:none!important}main[data-v-c17fc9e1]{margin-bottom:5.6rem;margin-top:1.8rem;padding:0 1.4rem}main .left[data-v-c17fc9e1]{order:1}main .course-left[data-v-c17fc9e1]{order:2}main .course-left .t-title[data-v-c17fc9e1]{font-size:1.4rem;height:auto;padding:1rem 0}main .course-left .course-section .section-header[data-v-c17fc9e1]{height:auto;min-height:50px;padding:0 1rem}main .course-left .course-section .section-header .section-name[data-v-c17fc9e1]{font-size:1.2rem}main .course-left .course-section .video-list .video-item[data-v-c17fc9e1]{height:auto;min-height:42px;padding:0 1rem}main .course-left .course-section .video-list .video-item .video-left .video-title[data-v-c17fc9e1]{font-size:1.2rem;padding-left:1rem}main .course-left .course-section .video-list .video-item .video-right .video-duration span[data-v-c17fc9e1]{font-size:1.2rem}main .left .des h1[data-v-c17fc9e1]{font-size:1.6rem}main .left .des p[data-v-c17fc9e1]{font-size:1.4rem}main[data-v-c17fc9e1] .d-player-wrap{height:auto!important}}