.nav-body[data-v-c3aba664]{margin-top:18px;justify-content:space-between}.nav-body .nav-side[data-v-c3aba664]{width:134px;height:378px;background:#fff;border-radius:2px 2px 2px 2px}.nav-body .nav-side .left-title[data-v-c3aba664]{font-weight:700;line-height:24px}.nav-body .nav-side .left-title[data-v-c3aba664],.nav-body .nav-side ul li[data-v-c3aba664]{font-family:Microsoft YaHei;font-size:14px;color:#1f2635;font-style:normal;text-transform:none}.nav-body .nav-side ul li[data-v-c3aba664]{width:100%;height:48px;font-weight:400;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.nav-body .nav-side ul li[data-v-c3aba664]:hover{color:#0463f8}.nav-body .nav-content[data-v-c3aba664]{width:845px;height:378px}.nav-body .nav-right[data-v-c3aba664]{width:238px;height:378px;background:#fff;border-radius:2px 2px 2px 2px}.nav-body .nav-right .right-title[data-v-c3aba664]{font-family:Microsoft YaHei;font-weight:700;font-size:14px;color:#1f2635;line-height:24px;font-style:normal;text-transform:none;margin-left:6px}.nav-body .nav-right .right-list[data-v-c3aba664]{width:218px;height:60px;cursor:pointer;border-radius:12px 12px 12px 12px;margin-top:5px}.nav-body .nav-right .right-list .right-img[data-v-c3aba664]{width:27px;height:27px}.nav-body .nav-right .right-list .right-bottom[data-v-c3aba664]{margin-left:10px}.nav-body .nav-right .right-list .right-bottom .right-titile[data-v-c3aba664]{height:24px;font-family:Microsoft YaHei;font-weight:700;font-size:14px;color:#1f2635;line-height:24px;text-align:left;font-style:normal;text-transform:none}.nav-body .nav-right .right-list .right-bottom .right-conter[data-v-c3aba664]{height:24px;font-family:Microsoft YaHei;font-weight:400;font-size:11px;color:#666;line-height:24px;text-align:center;font-style:normal;text-transform:none}.nav-body .nav-right .right-list-top[data-v-c3aba664]{width:218px;height:60px;background:linear-gradient(135deg,#5fa6fd,#1f80f7 99%);border-radius:12px 12px 12px 12px;margin-top:10px;cursor:pointer}.nav-body .nav-right .right-list-top .right-img[data-v-c3aba664]{width:27px;height:27px}.nav-body .nav-right .right-list-top .right-bottom[data-v-c3aba664]{margin-left:10px}.nav-body .nav-right .right-list-top .right-bottom .right-titile[data-v-c3aba664]{height:24px;font-family:Microsoft YaHei;font-weight:700;font-size:14px;color:#fff;line-height:24px;text-align:left;font-style:normal;text-transform:none}.nav-body .nav-right .right-list-top .right-bottom .right-conter[data-v-c3aba664]{height:24px;font-family:Microsoft YaHei;font-weight:400;font-size:11px;color:#fff;line-height:24px;text-align:center;font-style:normal;text-transform:none}.conter[data-v-c3aba664]{margin-top:58px}.conter .conter-title[data-v-c3aba664]{align-items:center;justify-content:space-between}.conter .conter-title .title-img[data-v-c3aba664]{width:32px;height:32px}.conter .conter-title .title-title[data-v-c3aba664]{font-family:Microsoft YaHei;font-weight:700;font-size:22px;color:#1f2635;line-height:24px;text-align:left;font-style:normal;text-transform:none;margin-left:10px}.conter .conter-title .all-more[data-v-c3aba664]{font-family:Microsoft YaHei;font-weight:400;font-size:14px;color:#666;line-height:24px;text-align:left;font-style:normal;text-transform:none;cursor:pointer}.conter .course[data-v-c3aba664]{margin-top:10px}.conter .course .course-list[data-v-c3aba664]{flex-wrap:wrap}.conter .course .course-list .course-item[data-v-c3aba664]{margin-top:10px;width:234px;height:249px;background:#fff;border-radius:2px 2px 2px 2px;transition:box-shadow .3s ease,transform .3s ease;cursor:pointer;margin-left:18px}.conter .course .course-list .course-item .course-img[data-v-c3aba664]{width:100%;height:140px;border-radius:2px 2px 0 0}.conter .course .course-list .course-item .course-title[data-v-c3aba664]{height:27px;font-family:Source Han Sans;font-weight:500;font-size:15px;color:#1f2635;line-height:27px;font-style:normal;text-transform:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.conter .course .course-list .course-item .course-bottom[data-v-c3aba664]{margin-top:9px;font-family:Roboto;font-weight:400;font-size:11px;color:#666;line-height:17px;text-align:left;font-style:normal;text-transform:none;justify-content:space-between;height:17px}.conter .course .course-list .course-item .conters-label[data-v-c3aba664]{margin-top:10px}.conter .course .course-list .course-item .conters-label .label-span[data-v-c3aba664]{font-family:Source Han Sans;font-weight:400;font-size:11px;color:#666;font-style:normal;text-transform:none;background:#f7f7f7;border-radius:2px 2px 2px 2px;padding:5px}.conter .course .course-list .course-item[data-v-c3aba664]:hover{box-shadow:0 12px 24px rgba(0,0,0,.2);transform:translateY(-10px)}.conter .course .course-list .course-item[data-v-c3aba664]:nth-child(5n+1){margin-left:0}