.topSection[data-v-044eaed6]{display:flex;align-items:center;width:82.125rem;height:2.625rem;padding:0 .75rem 0 .3125rem;margin:auto}.topSection .solid[data-v-044eaed6]{width:.375rem;height:1.625rem;margin-right:.75rem;border-radius:.1875rem;background:#24c9dd}.topSection .courseTtile[data-v-044eaed6]{font-size:1.5rem;color:#333;font-weight:600}.topSection .link[data-v-044eaed6]{margin-left:auto;font-size:1rem;color:#33a9b7;font-weight:400;cursor:pointer}.left-menu[data-v-f0c27bc2]{width:19.1875rem;max-height:73.0625rem;padding:1.25rem 1.25rem .625rem;background-color:#fff;overflow-x:hidden;overflow-y:auto}.left-menu>li[data-v-f0c27bc2]{width:100%;margin-bottom:.625rem}.left-menu>li .names[data-v-f0c27bc2]{width:100%;height:2.625rem;padding:.625rem 0;border-radius:.25rem;cursor:pointer;transition:.3s;margin:.625rem 0;border-top:.0625rem solid #ccc}.left-menu>li .names>span[data-v-f0c27bc2]{font-size:1.25rem;color:#5b5b5b;font-weight:600;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.left-menu>li>.active-name>span[data-v-f0c27bc2]{color:#00acba}.left-menu>li>.logo-box[data-v-f0c27bc2]{width:100%;margin-top:.25rem;border-radius:.25rem;display:flex;align-items:center;flex-direction:column}.left-menu>li>.logo-box p[data-v-f0c27bc2]{cursor:pointer;width:100%;border:.0625rem solid #ccc;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:.3125rem 0;padding:.625rem;border-radius:.3125rem}.left-menu>li>.logo-box .active[data-v-f0c27bc2]{color:#fff;background-color:#00acba;border-color:#00acba}.Preview[data-v-4a3eb3cc]{width:100vw;height:100vh;position:fixed;top:0;left:0;background:rgba(0,0,0,.5);z-index:999;display:flex;align-items:center;justify-content:center}.Preview .preview-box[data-v-4a3eb3cc]{width:56.25rem;height:37.5rem;background:#fff;position:relative}.Preview .preview-box .close-icon[data-v-4a3eb3cc]{width:1.875rem;height:1.875rem;position:absolute;top:1.25rem;right:1.25rem;cursor:pointer}.Preview .preview-box .value-box[data-v-4a3eb3cc]{width:100%;height:100%;padding:3.125rem;box-sizing:border-box}.Preview .preview-box .value-box>img[data-v-4a3eb3cc],.Preview .preview-box .value-box>video[data-v-4a3eb3cc]{width:100%;height:100%;object-fit:contain}.right-content[data-v-6d414617]{width:60.625rem}.right-content>ul[data-v-6d414617]{display:flex;flex-direction:column}.right-content>ul>li[data-v-6d414617]{cursor:pointer;display:flex;flex-direction:column;padding:.9375rem;background-color:#fff;border-radius:.625rem;margin-bottom:1.25rem;box-shadow:0 .25rem .875rem 0 rgba(0,0,0,.08)}.right-content>ul>li p[data-v-6d414617]{font-size:1.375rem;font-weight:600;color:#000;margin-bottom:.9375rem}.right-content>ul>li .bot[data-v-6d414617]{display:flex}.right-content>ul>li .pic[data-v-6d414617]{width:16.25rem;height:11.25rem;border-radius:.25rem;border:.0625rem solid #eee}.right-content>ul>li .right[data-v-6d414617]{flex:1;margin-left:1.25rem;display:flex;flex-direction:column}.right-content>ul>li .right .title[data-v-6d414617]{font-size:1.125rem;color:#000;margin-bottom:.5rem}.right-content>ul>li .right .des[data-v-6d414617]{text-indent:2rem;color:#666}.right-content>ul>li .more-text[data-v-6d414617]{display:flex;align-items:center;cursor:pointer;justify-content:flex-end;margin:.4375rem 0}.right-content>ul>li .more-text span[data-v-6d414617]{color:#999}.right-content>ul>li .more-text .more-icon[data-v-6d414617]{width:.9375rem;height:.9375rem}.right-content>ul>li .carousel-box[data-v-6d414617]{display:flex;align-items:center;justify-content:space-between}.right-content>ul>li .carousel-box .center-banner[data-v-6d414617]{width:53.125rem;height:18.75rem}.right-content>ul>li .carousel-box .center-banner .work-list[data-v-6d414617]{display:flex}.right-content>ul>li .carousel-box .center-banner .work-list>li[data-v-6d414617]{position:relative;width:12.125rem;cursor:pointer;border-radius:.5rem;background:#fff;transition:.3s;margin:1.5rem 1.4375rem 0 0;padding-bottom:.625rem}.right-content>ul>li .carousel-box .center-banner .work-list>li[data-v-6d414617]:nth-child(4n){margin-right:0}.right-content>ul>li .carousel-box .center-banner .work-list>li .courseImg[data-v-6d414617]{width:100%;height:10.625rem;overflow-y:hidden;display:flex;align-items:center;border-radius:.5rem .5rem 0 0}.right-content>ul>li .carousel-box .center-banner .work-list>li .courseImg>img[data-v-6d414617]{width:100%}.right-content>ul>li .carousel-box .center-banner .work-list>li .courseImg .video-wrapper[data-v-6d414617]{position:relative;width:100%;height:100%}.right-content>ul>li .carousel-box .center-banner .work-list>li .courseImg .video-wrapper video[data-v-6d414617]{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.right-content>ul>li .carousel-box .center-banner .work-list>li .courseImg .video-wrapper .play-icon-overlay[data-v-6d414617]{position:absolute;top:50%;left:50%;width:3.125rem;transform:translate(-50%,-50%);pointer-events:none}.right-content>ul>li .carousel-box .center-banner .work-list>li .courseDetail[data-v-6d414617]{width:100%;padding-top:.0625rem}.right-content>ul>li .carousel-box .center-banner .work-list>li .courseDetail .courseInfo[data-v-6d414617],.right-content>ul>li .carousel-box .center-banner .work-list>li .courseDetail .courseTitle[data-v-6d414617]{color:#333;font-weight:500;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.right-content>ul>li .carousel-box .center-banner .work-list>li .courseDetail .courseTitle[data-v-6d414617]{width:100%;font-size:1.125rem;line-height:1.5625rem;margin:1rem auto .5rem}.right-content>ul>li .carousel-box .center-banner .work-list>li .courseDetail .courseInfo[data-v-6d414617]{width:100%;height:1.375rem;margin:auto;color:#666;font-size:1rem}.right-content>ul>li .carousel-box .btns[data-v-6d414617]{width:1.875rem;height:1.875rem;background:#e6e6e6;border-radius:.1875rem;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:0 .625rem 0 0;flex-shrink:0}.right-content>ul>li .carousel-box .btns[data-v-6d414617]:last-child{margin:0 0 0 .625rem;transform:rotate(180deg)}.right-content>ul>li .carousel-box .btns>img[data-v-6d414617]{width:1.0625rem;height:1.0625rem}.collegiate-online[data-v-723689be]{width:81.25rem;margin:auto;padding-top:1.25rem}.collegiate-online .top-banner[data-v-723689be]{width:100%}.collegiate-online .content-box[data-v-723689be]{margin-top:1.3125rem;display:flex;justify-content:space-between}