.app-container[data-v-7ce66c15]{padding:0;margin:0;font-family:Microsoft YaHei;color:#333;overflow:hidden;clear:both;text-align:left}.app-container .img[data-v-7ce66c15]{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.app-container .img .preview-image[data-v-7ce66c15]{width:530px;height:358px;max-width:100%}.app-container .img .button[data-v-7ce66c15]{width:32px;height:98px;background-color:#f5f6f9;font-size:30px;margin:0 20px;padding:0;border:none}.app-container .imglist[data-v-7ce66c15]{display:flex;align-items:center;margin:20px 75px}.app-container .imglist img[data-v-7ce66c15]{width:120px;height:84px;margin-right:20px;-o-object-fit:cover;object-fit:cover;cursor:pointer}.app-container .imglist .active[data-v-7ce66c15]{border:2px solid red}.app-container .info[data-v-7ce66c15]{margin:0 70px}.app-container .info .student[data-v-7ce66c15]{font-size:18px;font-weight:700}.app-container .info div[data-v-7ce66c15]{font-size:16px;color:#2d3341;margin-bottom:15px}@media(max-width:768px){[data-v-7ce66c15] .works-detail-dialog{width:94%!important;margin:0 auto!important}.app-container .img .button[data-v-7ce66c15]{display:none}.app-container .img .preview-image[data-v-7ce66c15]{width:100%;height:auto;min-height:180px;max-height:60vh}.app-container .imglist[data-v-7ce66c15]{margin:12px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.app-container .imglist img[data-v-7ce66c15]{width:88px;height:62px;margin-right:10px;flex-shrink:0}.app-container .info[data-v-7ce66c15]{margin:0;font-size:14px}.app-container .info .student[data-v-7ce66c15]{font-size:16px}.app-container .info div[data-v-7ce66c15]{font-size:14px;margin-bottom:10px}}.app-container[data-v-759eaa4a]{padding:0;margin:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;color:#333;overflow:hidden;clear:both}.app-container .team-box .ul-item .li-item[data-v-759eaa4a]{position:relative;overflow:hidden}.app-container .team-box .ul-item .li-item .info[data-v-759eaa4a]{position:absolute;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.7);color:#fff;padding:10px;transition:transform .3s ease-in-out}.app-container .team-box .ul-item .li-item:hover .info[data-v-759eaa4a]{transform:translateY(100%)}.app-container .top-service-bar[data-v-759eaa4a]{border:1px;padding:10px 20px;text-align:right;color:#666;display:flex;margin:0 auto;justify-content:space-around;align-items:center;width:900px;height:70px;clear:both}.app-container .top-service-bar .img[data-v-759eaa4a]{width:80px;height:70px}.app-container .top-service-bar span[data-v-759eaa4a]{font-size:16px;color:#000}.app-container .button[data-v-759eaa4a]{cursor:pointer;border:none;font-size:21px}.app-container .navigation-menu[data-v-759eaa4a]{margin:20px auto;width:700px;display:flex;align-items:center;justify-content:space-around;font-size:18px;clear:both}.app-container .navigation-menu span[data-v-759eaa4a]{cursor:pointer}.app-container .navigation-menu .nvaActive[data-v-759eaa4a]{color:red}.app-container .main-content[data-v-759eaa4a]{margin:0 auto;clear:both}.app-container .classification[data-v-759eaa4a]{clear:both;display:flex;justify-content:center;gap:20px;width:1500px;margin:30px auto;padding:20px 0}.app-container .classification .course-card[data-v-759eaa4a]{cursor:pointer;transition:transform .3s ease;border-radius:15px;overflow:hidden}.app-container .classification .course-card[data-v-759eaa4a]:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.app-container .classification .course-card .card-content[data-v-759eaa4a]{width:223px;height:89px;border-radius:12px;background-size:cover;background-position:50%;background-repeat:no-repeat;background-color:#f5f5f5}.app-container .openClass[data-v-759eaa4a]{overflow:hidden;padding:40px 0;clear:both;width:100%;background-color:#e6eaed}.app-container .openClass .title[data-v-759eaa4a]{font-size:36px;color:#2d3341;font-weight:700;font-family:Microsoft YaHei;line-height:1.1}.app-container .openClass .more[data-v-759eaa4a]{cursor:pointer;width:354px;height:56px;margin-top:20px}.app-container .openClass h1[data-v-759eaa4a]{clear:both;margin:0}.app-container .openClass .classCard[data-v-759eaa4a]{margin:auto;width:1200px;display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:wrap;gap:24px 17px}.app-container .openClass .classCard .card[data-v-759eaa4a]{clear:both;width:287px;height:354px;background-color:#fff;border-radius:10px;overflow:hidden;margin:24px 0 0;box-shadow:0 4px 10px rgba(0,0,0,.05);cursor:pointer;transition:all .3s ease}.app-container .openClass .classCard .card[data-v-759eaa4a]:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.app-container .openClass .classCard .card img[data-v-759eaa4a]{width:287px;height:185px;-o-object-fit:cover;object-fit:cover}.app-container .openClass .classCard .card p[data-v-759eaa4a]{font-size:18px;width:263px;margin:auto;text-align:left;margin-bottom:10px}.app-container .openClass .classCard .card .perinfo[data-v-759eaa4a]{display:flex;align-items:center;color:#838a9d}.app-container .openClass .classCard .card .perinfo .headimg[data-v-759eaa4a]{width:44px;height:44px;border-radius:50%;margin-right:10px}.app-container .openClass .classCard .card .perinfo span[data-v-759eaa4a]{font-size:14px}.app-container .course[data-v-759eaa4a]{overflow:hidden;padding:40px 0;clear:both;width:100%}.app-container .course .title[data-v-759eaa4a]{font-size:36px;color:#2d3341;font-weight:700;font-family:Microsoft YaHei;line-height:1.1}.app-container .course h1[data-v-759eaa4a]{clear:both;margin:0}.app-container .course .more[data-v-759eaa4a]{cursor:pointer;width:354px;height:56px;margin-top:20px}.app-container .course .classCard[data-v-759eaa4a]{margin:auto;width:1200px;display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:wrap;gap:24px 17px}.app-container .course .classCard .card[data-v-759eaa4a]{clear:both;width:287px;height:354px;background-color:#fff;border-radius:10px;overflow:hidden;margin:24px 0 0;box-shadow:0 4px 10px rgba(0,0,0,.05);cursor:pointer;transition:all .3s ease}.app-container .course .classCard .card[data-v-759eaa4a]:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.app-container .course .classCard .card img[data-v-759eaa4a]{width:287px;height:185px;-o-object-fit:cover;object-fit:cover}.app-container .course .classCard .card p[data-v-759eaa4a]{font-size:18px;width:263px;margin:auto;text-align:left;margin-bottom:10px}.app-container .course .classCard .card .perinfo[data-v-759eaa4a]{display:flex;align-items:center;color:#838a9d}.app-container .course .classCard .card .perinfo .headimg[data-v-759eaa4a]{width:44px;height:44px;border-radius:50%;margin-right:10px}.app-container .course .classCard .card .perinfo span[data-v-759eaa4a]{font-size:14px}.app-container .team-box[data-v-759eaa4a]{background-color:#e6eaed;padding:40px 0 80px}.app-container .team-box .title[data-v-759eaa4a]{font-size:36px;color:#2d3341;font-weight:700;font-family:Microsoft YaHei;line-height:1.1;margin-bottom:24px}.app-container .team-box .p[data-v-759eaa4a]{font-weight:500;color:#838a9d;text-align:center;margin-bottom:40px}.app-container .team-box .carouselImage[data-v-759eaa4a]{margin:45px auto;width:1200px;overflow:hidden;margin:0 auto;border:1px solid #eee;position:relative}.app-container .team-box .carouselImage ul[data-v-759eaa4a]{list-style:none;padding:0;margin:0 auto}.app-container .team-box .carouselImage ul.ul-item[data-v-759eaa4a]{display:flex;flex-wrap:nowrap;width:-moz-max-content;width:max-content;cursor:pointer}.app-container .team-box .carouselImage ul.ul-item .li-item[data-v-759eaa4a]{flex-shrink:0;width:250px;height:345px;margin:0 25px 0 0;background-color:#fff;color:#fff;text-align:center;border-radius:10px;position:relative}.app-container .team-box .carouselImage ul.ul-item .li-item img[data-v-759eaa4a]{width:250px;height:345px;-o-object-fit:cover;object-fit:cover}.app-container .team-box .carouselImage ul.ul-item .li-item .info[data-v-759eaa4a]{position:absolute;bottom:0;width:100%;height:80px;background-color:#fff;display:flex;flex-direction:column;justify-content:center;padding:0;box-sizing:border-box}.app-container .team-box .carouselImage ul.ul-item .li-item .info .name[data-v-759eaa4a]{color:#000;font-size:20px;font-weight:600;line-height:1.2}.app-container .team-box .carouselImage ul.ul-item .li-item .info .introduce[data-v-759eaa4a]{color:#ed8a42;font-size:14px;margin-top:8px;padding:0 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-container .team-box .carouselImage ul.ul-item .li-item .absolute[data-v-759eaa4a]{display:none;position:absolute;top:0;left:0;width:100%;height:100%;padding:30px 20px;box-sizing:border-box;text-align:left;background-color:rgba(0,0,0,.6);font-family:Microsoft YaHei}.app-container .team-box .carouselImage ul.ul-item .li-item .absolute .absolutename[data-v-759eaa4a]{color:#fff;font-size:22px;font-weight:700}.app-container .team-box .carouselImage ul.ul-item .li-item .absolute .absolutetitle[data-v-759eaa4a]{color:#fff;font-size:16px;margin:20px 0 10px;border-bottom:1px solid hsla(0,0%,100%,.3);padding-bottom:8px}.app-container .team-box .carouselImage ul.ul-item .li-item .absolute .absoluteInfo[data-v-759eaa4a]{color:#fff;font-size:14px;line-height:1.6;height:180px;overflow-y:auto}.app-container .team-box .carouselImage ul.ul-item .li-item .absolute .absoluteInfo[data-v-759eaa4a]::-webkit-scrollbar{width:4px}.app-container .team-box .carouselImage ul.ul-item .li-item .absolute .absoluteInfo[data-v-759eaa4a]::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.5);border-radius:4px}.app-container .team-box .carouselImage ul.ul-item .li-item:hover .absolute[data-v-759eaa4a]{display:block}.app-container .works-box[data-v-759eaa4a]{text-align:left;width:1200px;margin:0 auto;padding:58px 0 70px}.app-container .works-box .worksactive[data-v-759eaa4a]{background-color:#d5182f;color:#fff}.app-container .works-box .title-box[data-v-759eaa4a]{font-family:Microsoft YaHei;font-size:36px;font-weight:700;display:flex;align-items:center}.app-container .works-box .title-box .title[data-v-759eaa4a]{margin:0 20px 0 0}.app-container .works-box .title-box .title-btn[data-v-759eaa4a]{margin:0 30px 0 0;font-weight:400;font-size:18px;font-family:Microsoft YaHei;border-radius:10px;border:2px solid #dde2ee}.app-container .works-box .list-box[data-v-759eaa4a]{display:flex;justify-content:space-between;margin:40px 0 0 0}.app-container .works-box .list-box .card[data-v-759eaa4a]{width:282px;border-radius:10px;overflow:hidden;border:1px solid #ebeef5;cursor:pointer}.app-container .works-box .list-box .card img[data-v-759eaa4a]{width:282px;height:160px;-o-object-fit:cover;object-fit:cover}.app-container .works-box .list-box .card .info-box[data-v-759eaa4a]{padding:15px 10px}.app-container .works-box .list-box .card .info-box .name[data-v-759eaa4a]{font-size:18px;font-family:Microsoft YaHei;font-weight:500;color:#2d3341;margin:0 0 12px}.app-container .works-box .list-box .card .info-box .type[data-v-759eaa4a]{font-size:14px;color:#838a9d;margin:0 0 20px;font-family:Microsoft YaHei;font-weight:400}.app-container .works-box .list-box .card .info-box .date[data-v-759eaa4a]{text-align:right;font-size:20px;color:#838a9d;font-weight:400;font-family:Microsoft YaHei}.app-container .works-box .list-box:hover .card[data-v-759eaa4a]{box-shadow:0 0 10px #ebeef5}.app-container .news-box[data-v-759eaa4a]{background-color:#e6eaed;padding:40px 0}.app-container .news-box .nwes-title[data-v-759eaa4a]{font-size:36px;font-family:Microsoft YaHei;font-weight:700;color:#2d3341;margin:0 0 24px}.app-container .news-box .nwes-card-box[data-v-759eaa4a]{width:1200px;margin:0 auto;display:flex;justify-content:flex-start;overflow:hidden;flex-wrap:wrap;gap:24px}.app-container .news-box .nwes-card-box .nwes-card[data-v-759eaa4a]{width:384px;height:409px;background-color:#fff;border-radius:10px;overflow:hidden;cursor:pointer}.app-container .news-box .nwes-card-box .nwes-card img[data-v-759eaa4a]{width:384px;height:252px;-o-object-fit:cover;object-fit:cover}.app-container .news-box .nwes-card-box .nwes-card .news-info-box[data-v-759eaa4a]{padding:15px 10px 0 10px}.app-container .news-box .nwes-card-box .nwes-card .news-info-box .news-title[data-v-759eaa4a]{font-size:18px;font-family:Microsoft YaHei;margin:0 0 12px;font-weight:500;color:#2d3341;text-align:left}.app-container .news-box .nwes-card-box .nwes-card .news-info-box .nwes-info[data-v-759eaa4a]{text-align:left;font-size:14px;font-weight:400px;font-family:Microsoft YaHei;color:#838a9d;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;text-align:justify;overflow:hidden}@media(max-width:1200px){.app-container .classification[data-v-759eaa4a]{width:100%;max-width:100%;padding:0 16px;flex-wrap:wrap;justify-content:center;gap:12px}.app-container .course .classCard[data-v-759eaa4a],.app-container .news-box .nwes-card-box[data-v-759eaa4a],.app-container .openClass .classCard[data-v-759eaa4a],.app-container .team-box .carouselImage[data-v-759eaa4a],.app-container .works-box[data-v-759eaa4a]{width:100%;max-width:100%;padding-left:16px;padding-right:16px;box-sizing:border-box}}@media(max-width:992px){.app-container .classification[data-v-759eaa4a]{margin:16px auto;padding:8px 12px;gap:10px}.app-container .classification .course-card .card-content[data-v-759eaa4a]{width:calc(50vw - 24px);max-width:200px;height:72px;border-radius:10px}.app-container .course[data-v-759eaa4a],.app-container .news-box[data-v-759eaa4a],.app-container .openClass[data-v-759eaa4a],.app-container .team-box[data-v-759eaa4a]{padding:28px 0}.app-container .course .title[data-v-759eaa4a],.app-container .news-box .nwes-title[data-v-759eaa4a],.app-container .openClass .title[data-v-759eaa4a],.app-container .team-box .title[data-v-759eaa4a],.app-container .works-box .title-box .title[data-v-759eaa4a]{font-size:26px}.app-container .course .classCard[data-v-759eaa4a],.app-container .openClass .classCard[data-v-759eaa4a]{gap:12px;justify-content:space-between}.app-container .course .classCard .card[data-v-759eaa4a],.app-container .openClass .classCard .card[data-v-759eaa4a]{width:calc(50% - 6px);height:auto;margin:0}.app-container .course .classCard .card img[data-v-759eaa4a],.app-container .openClass .classCard .card img[data-v-759eaa4a]{width:100%;height:auto;aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover}.app-container .course .classCard .card p[data-v-759eaa4a],.app-container .openClass .classCard .card p[data-v-759eaa4a]{width:100%;font-size:15px}.app-container .course .classCard .card .headimg[data-v-759eaa4a],.app-container .openClass .classCard .card .headimg[data-v-759eaa4a]{width:36px!important;height:36px!important;border-radius:50%;-o-object-fit:cover;object-fit:cover}.app-container .works-box[data-v-759eaa4a]{padding:32px 16px}.app-container .works-box .title-box[data-v-759eaa4a]{flex-wrap:wrap;gap:10px;font-size:26px}.app-container .works-box .title-box .title[data-v-759eaa4a]{margin:0 12px 0 0;width:100%;text-align:left}.app-container .works-box .title-box .title-btn[data-v-759eaa4a]{margin:0 8px 0 0;font-size:14px}.app-container .works-box .list-box[data-v-759eaa4a]{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;justify-content:flex-start}.app-container .works-box .list-box .card[data-v-759eaa4a]{width:calc(50% - 6px)}.app-container .works-box .list-box .card img[data-v-759eaa4a]{width:100%;height:auto;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover}.app-container .news-box .nwes-card-box[data-v-759eaa4a]{gap:12px}.app-container .news-box .nwes-card-box .nwes-card[data-v-759eaa4a]{width:calc(50% - 6px);height:auto}.app-container .news-box .nwes-card-box .nwes-card img[data-v-759eaa4a]{width:100%;height:auto;aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover}.app-container .team-box .p[data-v-759eaa4a]{padding:0 16px;font-size:14px;line-height:1.6}.app-container .team-box .carouselImage[data-v-759eaa4a]{border:none;padding:0}.app-container .team-box .carouselImage ul.ul-item .li-item[data-v-759eaa4a]{width:180px;height:250px;margin-right:12px}.app-container .team-box .carouselImage ul.ul-item .li-item img[data-v-759eaa4a]{width:180px;height:250px;-o-object-fit:cover;object-fit:cover}.app-container .team-box .carouselImage ul.ul-item .li-item .info[data-v-759eaa4a]{height:64px}.app-container .team-box .carouselImage ul.ul-item .li-item .info .name[data-v-759eaa4a]{font-size:16px}.app-container .team-box .carouselImage ul.ul-item .li-item .info .introduce[data-v-759eaa4a]{font-size:12px}}@media(max-width:600px){.app-container .classification .course-card .card-content[data-v-759eaa4a]{width:calc(50vw - 20px);max-width:none;height:64px}.app-container .course .title[data-v-759eaa4a],.app-container .news-box .nwes-title[data-v-759eaa4a],.app-container .openClass .title[data-v-759eaa4a],.app-container .team-box .title[data-v-759eaa4a],.app-container .works-box .title-box[data-v-759eaa4a]{font-size:22px}.app-container .course .classCard .card[data-v-759eaa4a],.app-container .news-box .nwes-card-box .nwes-card[data-v-759eaa4a],.app-container .openClass .classCard .card[data-v-759eaa4a],.app-container .works-box .list-box .card[data-v-759eaa4a]{width:100%}.app-container .course .classCard .card>div[style*=padding][data-v-759eaa4a],.app-container .openClass .classCard .card>div[style*=padding][data-v-759eaa4a]{padding:14px!important}.app-container .team-box .carouselImage ul.ul-item .li-item img[data-v-759eaa4a],.app-container .team-box .carouselImage ul.ul-item .li-item[data-v-759eaa4a]{width:150px;height:210px}.app-container .course .more[data-v-759eaa4a],.app-container .openClass .more[data-v-759eaa4a]{width:80%;height:48px}}.app-container[data-v-3e469246]{background-color:#fff;padding:0;margin:0;font-family:Microsoft YaHei;color:#333;overflow:hidden;clear:both}.app-container .main-content .bgk-img[data-v-3e469246]{width:100%;height:210px;z-index:2;background:linear-gradient(135deg,#eef4ff,#f9fbff 55%,#e6eefc)}.app-container .main-content .bgk-img img[data-v-3e469246]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.app-container .main-content .bgk-img.is-fallback[data-v-3e469246]{display:flex;align-items:center;justify-content:center}.app-container .main-content .bgk-img .banner-fallback[data-v-3e469246]{width:1200px;height:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:24px}.app-container .main-content .bgk-img .banner-logo[data-v-3e469246]{width:96px;height:84px;-o-object-fit:contain;object-fit:contain}.app-container .main-content .bgk-img .banner-content[data-v-3e469246]{text-align:left}.app-container .main-content .bgk-img .banner-title[data-v-3e469246]{font-size:34px;line-height:1.2;color:#2d3341;font-weight:700}.app-container .main-content .bgk-img .banner-subtitle[data-v-3e469246]{margin-top:10px;font-size:16px;color:#6b7280}.app-container .main-content .tabs-box[data-v-3e469246]{width:100%;font-size:18px;background-color:#f5f6f9;padding:0 0 60px 0;position:relative}.app-container .main-content .tabs-box .tabs[data-v-3e469246]{width:1200px;margin:0 auto;display:flex;margin-top:-20px;background-color:#f5f6f9;border-top-left-radius:20px;border-top-right-radius:20px;position:relative;z-index:10}.app-container .main-content .tabs-box .tabs .tab[data-v-3e469246]{flex:1;height:74px;background:transparent;font-weight:500;color:#2d3341;line-height:74px;cursor:pointer;transition:all .3s ease;position:relative;z-index:1}.app-container .main-content .tabs-box .tabs .tab[data-v-3e469246]:hover{color:#d5182f}.app-container .main-content .tabs-box .tabs .left[data-v-3e469246]{border-top-left-radius:20px}.app-container .main-content .tabs-box .tabs .right[data-v-3e469246]{border-top-right-radius:20px}.app-container .main-content .tabs-box .tabs .active[data-v-3e469246]{background:#fff;height:74px;line-height:74px;margin-top:0;border-top-right-radius:20px;border-top-left-radius:20px;color:#d5182f;font-weight:700;z-index:2}.app-container .main-content .tabs-box .tabs .active[data-v-3e469246]:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40px;height:3px;background-color:#d5182f;border-radius:2px}.app-container .main-content .tabs-box .listbox[data-v-3e469246]{width:1200px;margin:0 auto;background:#fff;padding:30px;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.app-container .main-content .tabs-box .listbox .classlist[data-v-3e469246]{width:1140px;height:auto;min-height:98px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:16px 20px;cursor:pointer;border-radius:8px;background:#fff;border:1px solid transparent;transition:all .3s ease}.app-container .main-content .tabs-box .listbox .classlist[data-v-3e469246]:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.06);border-color:#f0f0f0}.app-container .main-content .tabs-box .listbox .classlist .infobox[data-v-3e469246]{width:362px;font-size:16px;text-align:left;display:flex;align-items:center;margin-right:20px}.app-container .main-content .tabs-box .listbox .classlist .infobox img[data-v-3e469246]{width:154px;height:98px;margin-right:25px;border-radius:6px;-o-object-fit:cover;object-fit:cover}.app-container .main-content .tabs-box .listbox .classlist .infobox .info[data-v-3e469246]{height:60px}.app-container .main-content .tabs-box .listbox .classlist .infobox .info .title[data-v-3e469246]{display:block;color:#2d3341;margin-bottom:20px}.app-container .main-content .tabs-box .listbox .classlist .infobox .info .type[data-v-3e469246]{display:block;color:#838a9d}.app-container .main-content .tabs-box .listbox .classlist .perinfo[data-v-3e469246]{display:flex;align-items:center;width:242px}.app-container .main-content .tabs-box .listbox .classlist .perinfo img[data-v-3e469246]{width:42px;height:42px;border-radius:50%;margin-right:10px}.app-container .main-content .tabs-box .listbox .classlist .perinfo .pername[data-v-3e469246]{color:#838a9d;font-size:16px;margin-bottom:10px}.app-container .main-content .tabs-box .listbox .classlist .money[data-v-3e469246]{width:226px;color:#d5182f;font-size:18px;font-weight:600}.app-container .main-content .tabs-box .listbox .classlist .signup[data-v-3e469246]{width:226px}.app-container .main-content .tabs-box .listbox .classlist .signup .nums[data-v-3e469246]{color:#d5182f;font-weight:500}.app-container .main-content .tabs-box .block[data-v-3e469246]{margin-top:40px;padding-bottom:20px}.app-container .main-content .tabs-box .block[data-v-3e469246] .el-pagination.is-background .el-pager li:not(.disabled).active{background-color:#d5182f;color:#fff}.app-container .main-content .tabs-box .block[data-v-3e469246] .el-pagination.is-background .el-pager li:hover{color:#d5182f}@media(max-width:1200px){.app-container .main-content .bgk-img .banner-fallback[data-v-3e469246]{width:auto;padding:0 16px}.app-container .main-content .tabs-box .tabs[data-v-3e469246]{width:100%;max-width:100%;padding:0 12px;box-sizing:border-box}.app-container .main-content .tabs-box .listbox[data-v-3e469246]{width:100%;max-width:100%;padding:20px 12px;box-sizing:border-box}.app-container .main-content .tabs-box .listbox .classlist[data-v-3e469246]{width:100%}}@media(max-width:992px){.app-container .main-content .bgk-img[data-v-3e469246]{height:auto;min-height:140px}.app-container .main-content .bgk-img .banner-fallback[data-v-3e469246]{flex-direction:column;text-align:center;padding:24px 16px;gap:12px}.app-container .main-content .bgk-img .banner-content[data-v-3e469246]{text-align:center}.app-container .main-content .bgk-img .banner-title[data-v-3e469246]{font-size:26px}.app-container .main-content .tabs-box[data-v-3e469246]{padding-bottom:32px}.app-container .main-content .tabs-box .tabs[data-v-3e469246]{flex-wrap:nowrap;margin-top:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:16px 16px 0 0}.app-container .main-content .tabs-box .tabs[data-v-3e469246]::-webkit-scrollbar{display:none}.app-container .main-content .tabs-box .tabs .tab[data-v-3e469246]{flex:0 0 auto;min-width:96px;height:52px;line-height:52px;padding:0 14px;font-size:15px;white-space:nowrap;border-radius:0}.app-container .main-content .tabs-box .tabs .active[data-v-3e469246]{height:52px;line-height:52px}.app-container .main-content .tabs-box .listbox[data-v-3e469246]{border-radius:0 0 16px 16px}.app-container .main-content .tabs-box .listbox .classlist[data-v-3e469246]{width:100%;height:auto;min-height:auto;flex-wrap:wrap;align-items:flex-start;padding:12px;margin-bottom:12px}.app-container .main-content .tabs-box .listbox .classlist .infobox[data-v-3e469246]{width:100%;margin:0 0 10px 0;align-items:flex-start}.app-container .main-content .tabs-box .listbox .classlist .infobox img[data-v-3e469246]{width:110px;height:70px;margin-right:12px;flex-shrink:0;-o-object-fit:cover;object-fit:cover}.app-container .main-content .tabs-box .listbox .classlist .infobox .info[data-v-3e469246]{height:auto;flex:1;min-width:0}.app-container .main-content .tabs-box .listbox .classlist .infobox .info .title[data-v-3e469246]{margin-bottom:8px;font-size:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-container .main-content .tabs-box .listbox .classlist .infobox .info .type[data-v-3e469246]{font-size:13px}.app-container .main-content .tabs-box .listbox .classlist .money[data-v-3e469246],.app-container .main-content .tabs-box .listbox .classlist .perinfo[data-v-3e469246],.app-container .main-content .tabs-box .listbox .classlist .signup[data-v-3e469246]{width:auto;flex:1;margin:0;font-size:13px;text-align:left}.app-container .main-content .tabs-box .listbox .classlist .perinfo[data-v-3e469246]{width:100%;margin-bottom:6px}.app-container .main-content .tabs-box .listbox .classlist .perinfo img[data-v-3e469246]{width:32px;height:32px}.app-container .main-content .tabs-box .block[data-v-3e469246]{margin-top:20px;overflow-x:auto}}@media(max-width:600px){.app-container .main-content .bgk-img .banner-title[data-v-3e469246]{font-size:22px}.app-container .main-content .bgk-img .banner-subtitle[data-v-3e469246]{font-size:13px}.app-container .main-content .tabs-box .tabs .tab[data-v-3e469246]{min-width:88px;font-size:14px;padding:0 10px}.app-container .main-content .tabs-box .listbox[data-v-3e469246]{padding:12px 8px}.app-container .main-content .tabs-box .listbox .classlist[data-v-3e469246]{padding:10px}.app-container .main-content .tabs-box .listbox .classlist .infobox img[data-v-3e469246]{width:96px;height:62px;margin-right:10px}}.app-container[data-v-0c840972]{padding:0;margin:0;font-family:Microsoft YaHei;color:#333;overflow:hidden;clear:both}.app-container .main-content .bgk-img[data-v-0c840972]{width:100%;height:210px;z-index:2;position:relative;background:linear-gradient(135deg,#eef4ff,#f9fbff 55%,#e6eefc)}.app-container .main-content .bgk-img img[data-v-0c840972]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.app-container .main-content .bgk-img.is-fallback[data-v-0c840972]{display:flex;align-items:center;justify-content:center}.app-container .main-content .bgk-img .banner-overlay[data-v-0c840972]{width:1200px;height:100%;margin:0 auto;display:flex;align-items:center;justify-content:flex-start;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:10}.app-container .main-content .bgk-img .banner-content[data-v-0c840972]{text-align:left;padding-left:40px}.app-container .main-content .bgk-img .banner-title[data-v-0c840972]{font-size:38px;font-weight:700;color:#333;margin-bottom:12px;text-shadow:0 2px 4px hsla(0,0%,100%,.8)}.app-container .main-content .bgk-img .banner-subtitle[data-v-0c840972]{font-size:18px;color:#666;letter-spacing:2px}.app-container .main-content .tabs-box[data-v-0c840972]{width:100%;font-size:18px;background-color:#f5f6f9;padding:0 0 60px 0;position:relative}.app-container .main-content .tabs-box .tabs[data-v-0c840972]{width:1200px;margin:0 auto;display:flex;margin-top:-20px;background-color:#f5f6f9;border-top-left-radius:20px;border-top-right-radius:20px;position:relative;z-index:10}.app-container .main-content .tabs-box .tabs .left[data-v-0c840972],.app-container .main-content .tabs-box .tabs .right[data-v-0c840972]{flex:1;height:74px;background:transparent;font-weight:500;color:#2d3341;line-height:74px;cursor:pointer;transition:all .3s ease;position:relative;z-index:1;text-align:center}.app-container .main-content .tabs-box .tabs .left[data-v-0c840972]:hover,.app-container .main-content .tabs-box .tabs .right[data-v-0c840972]:hover{color:#d5182f}.app-container .main-content .tabs-box .tabs .left[data-v-0c840972]{border-top-left-radius:20px}.app-container .main-content .tabs-box .tabs .right[data-v-0c840972]{border-top-right-radius:20px}.app-container .main-content .tabs-box .tabs .active[data-v-0c840972]{background:#fff;height:74px;line-height:74px;margin-top:0;border-top-right-radius:20px;border-top-left-radius:20px;color:#d5182f;font-weight:700;z-index:2}.app-container .main-content .tabs-box .tabs .active[data-v-0c840972]:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40px;height:3px;background-color:#d5182f;border-radius:2px}.app-container .main-content .tabs-box .listbox[data-v-0c840972]{width:1200px;margin:0 auto;background:#fff;display:flex;justify-content:space-between;flex-wrap:wrap;padding:30px;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.app-container .main-content .tabs-box .listbox .card[data-v-0c840972]{width:268px;border-radius:10px;overflow:hidden;border:1px solid #ebeef5;margin-bottom:35px;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.05);transition:all .3s ease}.app-container .main-content .tabs-box .listbox .card img[data-v-0c840972]{width:268px;height:180px;-o-object-fit:cover;object-fit:cover}.app-container .main-content .tabs-box .listbox .card .info-box[data-v-0c840972]{padding:15px 12px}.app-container .main-content .tabs-box .listbox .card .info-box .name[data-v-0c840972]{font-size:16px;font-family:Microsoft YaHei;font-weight:600;color:#303133;margin:0 0 8px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-container .main-content .tabs-box .listbox .card .info-box .content[data-v-0c840972]{font-size:14px;color:#606266;margin:0 0 16px;font-family:Microsoft YaHei;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.5;height:42px}.app-container .main-content .tabs-box .listbox .card .info-box .meta[data-v-0c840972]{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#909399;font-family:Microsoft YaHei;border-top:1px solid #f0f2f5;padding-top:10px}.app-container .main-content .tabs-box .listbox .card .info-box .meta .student[data-v-0c840972]{font-weight:500;color:#d5182f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}.app-container .main-content .tabs-box .listbox .card .info-box .meta .class-name[data-v-0c840972]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50%;text-align:right}.app-container .main-content .tabs-box .listbox .card[data-v-0c840972]:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15);border-color:transparent}@media(max-width:1200px){.app-container .main-content .bgk-img .banner-overlay[data-v-0c840972]{width:100%;left:0;transform:none;padding:0 16px;box-sizing:border-box}.app-container .main-content .tabs-box .tabs[data-v-0c840972]{width:100%;padding:0 16px;box-sizing:border-box}.app-container .main-content .tabs-box .listbox[data-v-0c840972]{width:100%;padding:16px;box-sizing:border-box;gap:12px;justify-content:flex-start}}@media(max-width:992px){.app-container .main-content .bgk-img[data-v-0c840972]{height:160px}.app-container .main-content .bgk-img .banner-content[data-v-0c840972]{padding-left:8px}.app-container .main-content .bgk-img .banner-title[data-v-0c840972]{font-size:28px}.app-container .main-content .bgk-img .banner-subtitle[data-v-0c840972]{font-size:14px;letter-spacing:1px}.app-container .main-content .tabs-box .tabs[data-v-0c840972]{margin-top:0}.app-container .main-content .tabs-box .tabs .left[data-v-0c840972],.app-container .main-content .tabs-box .tabs .right[data-v-0c840972]{width:50%;height:56px;line-height:56px}.app-container .main-content .tabs-box .tabs .active[data-v-0c840972]{height:56px;line-height:56px}.app-container .main-content .tabs-box .listbox .card[data-v-0c840972]{width:calc(50% - 6px);margin-bottom:12px}.app-container .main-content .tabs-box .listbox .card img[data-v-0c840972]{width:100%;height:auto;aspect-ratio:3/2;-o-object-fit:cover;object-fit:cover}.app-container .main-content .tabs-box .listbox>div[style*="width: 268px"][data-v-0c840972]{display:none!important}}@media(max-width:600px){.app-container .main-content .bgk-img[data-v-0c840972]{height:120px}.app-container .main-content .bgk-img .banner-title[data-v-0c840972]{font-size:22px;margin-bottom:6px}.app-container .main-content .tabs-box .listbox[data-v-0c840972]{padding:12px}.app-container .main-content .tabs-box .listbox .card[data-v-0c840972]{width:100%}}.app-container[data-v-1f872a07]{padding:0;margin:0;font-family:Microsoft YaHei;color:#333;overflow:hidden;clear:both}.app-container .main-content[data-v-1f872a07]{overflow:visible;position:relative;background:#f5f6f9}.app-container .main-content .bgk-img[data-v-1f872a07]{width:100%;height:210px;z-index:2;position:relative;background:linear-gradient(135deg,#eef4ff,#f9fbff 55%,#e6eefc)}.app-container .main-content .bgk-img img[data-v-1f872a07]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.app-container .main-content .bgk-img.is-fallback[data-v-1f872a07]{display:flex;align-items:center;justify-content:center}.app-container .main-content .bgk-img .banner-fallback[data-v-1f872a07]{width:1200px;height:100%;margin:0 auto;display:flex;align-items:center;justify-content:flex-start;padding-left:20px;gap:24px}.app-container .main-content .bgk-img .banner-content[data-v-1f872a07]{text-align:left}.app-container .main-content .bgk-img .banner-title[data-v-1f872a07]{font-size:34px;line-height:1.2;color:#2d3341;font-weight:700}.app-container .main-content .bgk-img .banner-subtitle[data-v-1f872a07]{margin-top:10px;font-size:16px;color:#6b7280}.app-container .main-content .tabs-box[data-v-1f872a07]{width:100%;padding:0 0 60px 0;position:relative;z-index:10;overflow:visible}.app-container .main-content .tabs-box .title-box[data-v-1f872a07]{background:#fff;border-radius:20px 20px 0 0;width:1200px;box-sizing:border-box;font-size:24px;color:#2d3341;font-weight:700;font-family:Microsoft YaHei;margin:-30px auto 0;padding:30px 30px 10px;position:relative;z-index:3;text-align:left}.app-container .main-content .tabs-box .listbox[data-v-1f872a07]{width:1200px;box-sizing:border-box;margin:0 auto;background:#fff;padding:0 30px 40px;border-radius:0 0 20px 20px}.app-container .main-content .tabs-box .listbox .ul-item[data-v-1f872a07]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;cursor:pointer;margin-top:20px}.app-container .main-content .tabs-box .listbox .ul-item .li-item[data-v-1f872a07]{overflow:hidden;width:100%;height:345px;margin:0;background-color:#fff;color:#fff;text-align:center;border-radius:10px;position:relative;box-shadow:0 4px 10px rgba(0,0,0,.05);transition:all .3s ease}.app-container .main-content .tabs-box .listbox .ul-item .li-item[data-v-1f872a07]:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.app-container .main-content .tabs-box .listbox .ul-item .li-item img[data-v-1f872a07]{width:100%;height:345px;-o-object-fit:cover;object-fit:cover}.app-container .main-content .tabs-box .listbox .ul-item .li-item .info[data-v-1f872a07]{position:absolute;bottom:0;width:100%;height:80px;background-color:#fff;display:flex;flex-direction:column;justify-content:center;padding:0;box-sizing:border-box;transition:transform .3s ease-in-out}.app-container .main-content .tabs-box .listbox .ul-item .li-item .info .name[data-v-1f872a07]{color:#000;font-size:20px;font-weight:600;line-height:1.2}.app-container .main-content .tabs-box .listbox .ul-item .li-item .info .introduce[data-v-1f872a07]{color:#ed8a42;font-size:14px;margin-top:8px;padding:0 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-container .main-content .tabs-box .listbox .ul-item .li-item:hover .info[data-v-1f872a07]{transform:translateY(100%)}.app-container .main-content .tabs-box .listbox .ul-item .li-item .absolute[data-v-1f872a07]{display:none;position:absolute;top:0;left:0;width:100%;height:100%;padding:30px 20px;box-sizing:border-box;text-align:left;background-color:rgba(0,0,0,.6);font-family:Microsoft YaHei}.app-container .main-content .tabs-box .listbox .ul-item .li-item .absolute .absolutename[data-v-1f872a07]{color:#fff;font-size:22px;font-weight:700}.app-container .main-content .tabs-box .listbox .ul-item .li-item .absolute .absolutetitle[data-v-1f872a07]{color:#fff;font-size:16px;margin:20px 0 10px;border-bottom:1px solid hsla(0,0%,100%,.3);padding-bottom:8px}.app-container .main-content .tabs-box .listbox .ul-item .li-item .absolute .absoluteInfo[data-v-1f872a07]{color:#fff;font-size:14px;line-height:1.6;height:180px;overflow-y:auto}.app-container .main-content .tabs-box .listbox .ul-item .li-item .absolute .absoluteInfo[data-v-1f872a07]::-webkit-scrollbar{width:4px}.app-container .main-content .tabs-box .listbox .ul-item .li-item .absolute .absoluteInfo[data-v-1f872a07]::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.5);border-radius:4px}.app-container .main-content .tabs-box .listbox .ul-item .li-item:hover .absolute[data-v-1f872a07]{display:block}.app-container .main-content .tabs-box .listbox .block[data-v-1f872a07]{margin-top:40px;padding-bottom:10px}.app-container .main-content .tabs-box .listbox .block[data-v-1f872a07] .el-pagination.is-background .el-pager li:not(.disabled).active{background-color:#d5182f;color:#fff}.app-container .main-content .tabs-box .listbox .block[data-v-1f872a07] .el-pagination.is-background .el-pager li:hover{color:#d5182f}@media(max-width:1200px){.app-container .main-content .bgk-img .banner-fallback[data-v-1f872a07]{width:auto;padding:0 16px}.app-container .main-content .tabs-box .title-box[data-v-1f872a07]{width:auto;margin:0 16px;margin-top:-30px;padding:24px 16px 10px;font-size:20px}.app-container .main-content .tabs-box .listbox[data-v-1f872a07]{width:auto;margin:0 16px;padding:16px}}@media(max-width:992px){.app-container .main-content .bgk-img[data-v-1f872a07]{height:auto;min-height:140px}.app-container .main-content .bgk-img .banner-fallback[data-v-1f872a07]{flex-direction:column;text-align:center;padding:24px 16px;gap:12px}.app-container .main-content .bgk-img .banner-content[data-v-1f872a07]{text-align:center}.app-container .main-content .bgk-img .banner-title[data-v-1f872a07]{font-size:26px}.app-container .main-content .tabs-box .listbox .ul-item[data-v-1f872a07]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app-container .main-content .tabs-box .listbox .ul-item .li-item[data-v-1f872a07]{height:auto;aspect-ratio:3/4}.app-container .main-content .tabs-box .listbox .ul-item .li-item img[data-v-1f872a07]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.app-container .main-content .tabs-box .listbox .ul-item .li-item .info[data-v-1f872a07]{height:64px}.app-container .main-content .tabs-box .listbox .ul-item .li-item .info .name[data-v-1f872a07]{font-size:16px}.app-container .main-content .tabs-box .listbox .ul-item .li-item.touch-active .absolute[data-v-1f872a07],.app-container .main-content .tabs-box .listbox .ul-item .li-item:active .absolute[data-v-1f872a07]{display:block}.app-container .main-content .tabs-box .listbox .ul-item .li-item.touch-active .info[data-v-1f872a07],.app-container .main-content .tabs-box .listbox .ul-item .li-item:active .info[data-v-1f872a07]{transform:translateY(100%)}.app-container .main-content .tabs-box .block[data-v-1f872a07]{overflow-x:auto}}@media(max-width:600px){.app-container .main-content .bgk-img .banner-title[data-v-1f872a07]{font-size:22px}.app-container .main-content .bgk-img .banner-subtitle[data-v-1f872a07]{font-size:13px}.app-container .main-content .tabs-box .title-box[data-v-1f872a07]{margin-top:-20px;font-size:18px}.app-container .main-content .tabs-box .listbox .ul-item[data-v-1f872a07]{grid-template-columns:1fr 1fr;gap:10px}}.app-container[data-v-604703bd]{padding:0;margin:0;font-family:Microsoft YaHei;color:#333;overflow:hidden;clear:both}.app-container .main-content[data-v-604703bd]{overflow:visible;position:relative;background:#f5f6f9}.app-container .main-content .bgk-img[data-v-604703bd]{width:100%;height:210px;z-index:2;position:relative}.app-container .main-content .bgk-img img[data-v-604703bd]{width:100%;height:100%}.app-container .main-content .contentbox[data-v-604703bd]{margin:20px auto;width:1250px;display:flex;justify-content:space-between}.app-container .main-content .contentbox .right[data-v-604703bd]{background:#fff;width:884px;margin:0 24px 60px;height:-moz-fit-content;height:fit-content;padding:40px 20px;border-radius:20px;overflow:hidden}.app-container .main-content .contentbox .right .buttonbox[data-v-604703bd]{display:flex;margin-left:20px}.app-container .main-content .contentbox .right .buttonbox .button[data-v-604703bd]{background:#f5f6f9;margin:0 24px 30px 0;padding:5px 30px;font-size:24px;color:#838a9d;line-height:46px;border-radius:30px;cursor:pointer}.app-container .main-content .contentbox .right .buttonbox .active[data-v-604703bd]{background:#d5182f;color:#fff}.app-container .main-content .contentbox .right .newsList[data-v-604703bd]{display:flex;justify-content:space-between;margin:0 0 40px;padding:0 20px 24px;border-bottom:1px solid #dde2ee;cursor:pointer}.app-container .main-content .contentbox .right .newsList img[data-v-604703bd]{width:251px;height:168px;border-radius:10px}.app-container .main-content .contentbox .right .newsList .content[data-v-604703bd]{width:563px;height:168px;text-align:left}.app-container .main-content .contentbox .right .newsList .content .title[data-v-604703bd]{color:#2d3341;font-size:24px;margin:0 0 10px}.app-container .main-content .contentbox .right .newsList .content .introduce[data-v-604703bd]{color:#838a9d;font-size:16px;margin:0 0 20px;line-height:25px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.app-container .main-content .contentbox .right .newsList .content .date[data-v-604703bd]{color:#838a9d;font-size:16px}.app-container .main-content .contentbox .left .titlebox[data-v-604703bd]{display:flex;align-items:center;margin:0 0 30px}.app-container .main-content .contentbox .left .titlebox .linebox[data-v-604703bd]{width:7px;height:36px;background:#f65f58;border-radius:5px;margin-right:20px}.app-container .main-content .contentbox .left .titlebox .title[data-v-604703bd]{color:#2d3341;font-size:30px}.app-container .main-content .contentbox .left .card[data-v-604703bd]{clear:both;width:287px;background-color:#fff;border-radius:10px;overflow:hidden;margin:24px 0 40px 0;box-shadow:0 .125rem .3125rem rgba(0,0,0,.1);cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.app-container .main-content .contentbox .left .card[data-v-604703bd]:hover{transform:translateY(-5px);box-shadow:0 .25rem .5rem rgba(0,0,0,.15)}.app-container .main-content .contentbox .left .card img[data-v-604703bd]{width:287px;height:185px}.app-container .main-content .contentbox .left .card p[data-v-604703bd]{font-size:18px;margin:auto;text-align:left;margin-bottom:20px}.app-container .main-content .contentbox .left .card .perinfo[data-v-604703bd]{display:flex;align-items:center;color:#838a9d}.app-container .main-content .contentbox .left .card .perinfo .headimg[data-v-604703bd]{width:44px;height:44px;border-radius:50%;margin-right:10px}.app-container .main-content .contentbox .left .card .perinfo span[data-v-604703bd]{font-size:14px}@media(max-width:1200px){.app-container .main-content .contentbox[data-v-604703bd]{width:auto;max-width:100%;padding:0 16px}.app-container .main-content .right[data-v-604703bd]{width:100%;margin:0 0 20px 0;padding:24px 12px;border-radius:12px}.app-container .main-content .left[data-v-604703bd]{width:100%;margin:0}}@media(max-width:992px){.app-container .main-content .contentbox[data-v-604703bd]{display:flex;flex-direction:column}.app-container .main-content .right .buttonbox[data-v-604703bd]{margin-left:0;flex-wrap:wrap}.app-container .main-content .right .buttonbox .button[data-v-604703bd]{font-size:15px;line-height:28px;padding:4px 14px}.app-container .main-content .right .newsList[data-v-604703bd]{flex-direction:row;align-items:flex-start;padding:0 0 16px}.app-container .main-content .right .newsList img[data-v-604703bd]{width:120px;height:80px;margin-right:12px;margin-bottom:0;flex-shrink:0;-o-object-fit:cover;object-fit:cover}.app-container .main-content .right .newsList .content[data-v-604703bd]{width:auto;flex:1;min-width:0;height:auto}.app-container .main-content .right .newsList .content .title[data-v-604703bd]{font-size:16px}.app-container .main-content .right .newsList .content .introduce[data-v-604703bd]{font-size:13px;-webkit-line-clamp:2;margin-bottom:8px}.app-container .main-content .left .card[data-v-604703bd]{width:100%}.app-container .main-content .left .card img[data-v-604703bd]{width:100%;height:auto}}@media(max-width:600px){.app-container .main-content .bgk-img[data-v-604703bd]{height:120px}.app-container .main-content .right[data-v-604703bd]{padding:16px 10px}.app-container .main-content .right .newsList[data-v-604703bd]{flex-direction:column}.app-container .main-content .right .newsList img[data-v-604703bd]{width:100%;height:auto;aspect-ratio:16/9;margin-right:0;margin-bottom:10px}.app-container .main-content .right .newsList .title[data-v-604703bd]{font-size:16px}.app-container .main-content .right .newsList .introduce[data-v-604703bd]{font-size:13px}.app-container .main-content .right .newsList .date[data-v-604703bd]{font-size:12px}}.app-container[data-v-32be1df6]{padding:0;margin:0;font-family:Microsoft YaHei;color:#333;overflow:hidden;background:#f5f6f9;clear:both;text-align:left}.app-container .main-content[data-v-32be1df6]{width:1200px;margin:0 auto;overflow:visible;position:relative}.app-container .main-content .head[data-v-32be1df6]{width:100%;display:flex;align-items:center;padding:20px 0}.app-container .main-content .head .breadcrumb[data-v-32be1df6]{font-size:14px}.app-container .main-content .head .breadcrumb span[data-v-32be1df6]{margin-right:5px;cursor:default}.app-container .main-content .head .breadcrumb .route[data-v-32be1df6]:hover{cursor:pointer}.app-container .main-content .content[data-v-32be1df6]{width:100%;display:flex;justify-content:space-between;margin-bottom:100px}.app-container .main-content .content .left[data-v-32be1df6]{width:740px;padding:30px;background:#fff;border-radius:10px}.app-container .main-content .content .left .title[data-v-32be1df6]{font-size:30px;color:#2d3341;margin-bottom:30px}.app-container .main-content .content .left .date[data-v-32be1df6]{font-size:16px;color:#838a9d;margin-bottom:16px}.app-container .main-content .content .right[data-v-32be1df6]{width:320px;height:800px;background-color:#fff;padding:30px;border-radius:10px}.app-container .main-content .content .right .titlebox[data-v-32be1df6]{margin-bottom:30px;display:flex;align-items:center}.app-container .main-content .content .right .titlebox .linebox[data-v-32be1df6]{background:#f65f58;border-radius:10px;margin-right:20px;width:7px;height:36px}.app-container .main-content .content .right .titlebox .title[data-v-32be1df6]{font-size:30px;color:#2d3341}.app-container .main-content .content .right .newsList .newstitle[data-v-32be1df6]{display:flex;width:100%}.app-container .main-content .content .right .newsList img[data-v-32be1df6]{width:23px;height:14px;margin-right:10px}.app-container .main-content .content .right .newsList .title[data-v-32be1df6]{font-size:16px;color:#2d3341;margin-bottom:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:291px}.app-container .main-content .content .right .newsList .date[data-v-32be1df6]{font-size:14px;color:#838a9d}@media(max-width:1200px){.main-content[data-v-32be1df6]{width:auto;max-width:100%;padding:0 16px;box-sizing:border-box}.content .left[data-v-32be1df6]{width:100%}.content .right[data-v-32be1df6]{width:100%;margin-top:16px;height:auto}}@media(max-width:992px){.content[data-v-32be1df6]{flex-direction:column;margin-bottom:40px}.left .title[data-v-32be1df6],.right .titlebox .title[data-v-32be1df6]{font-size:22px}.right .newsList img[data-v-32be1df6]{width:100%;max-width:100%;height:auto}.right .newsList .newstitle[data-v-32be1df6]{width:100%}}@media(max-width:600px){.head[data-v-32be1df6]{padding:12px 0}.left[data-v-32be1df6]{padding:16px}.right[data-v-32be1df6]{padding:16px;height:auto}.left .title[data-v-32be1df6]{font-size:20px;margin-bottom:16px}}.app-container[data-v-66a44f60]{padding:0;margin:0;font-family:Microsoft YaHei;color:#333;overflow:hidden;background:#f5f6f9;clear:both;text-align:left}.app-container .main-content[data-v-66a44f60]{width:1200px;margin:0 auto;overflow:visible;position:relative}.app-container .main-content .title[data-v-66a44f60]{margin:18px 0 0;font-size:18px}.app-container .main-content .head[data-v-66a44f60]{width:100%;display:flex;align-items:center;padding:20px 0}.app-container .main-content .head .breadcrumb[data-v-66a44f60]{font-size:14px}.app-container .main-content .head .breadcrumb span[data-v-66a44f60]{margin-right:5px;cursor:default}.app-container .main-content .head .breadcrumb .route[data-v-66a44f60]:hover{cursor:pointer}.app-container .main-content .content[data-v-66a44f60]{width:100%;display:flex;justify-content:space-between;margin-bottom:100px}.app-container .main-content .content .left[data-v-66a44f60]{width:760px;padding:0 20px 20px 20px;background:#fff;border-radius:10px}.app-container .main-content .content .right .teacherbox[data-v-66a44f60]{width:328px;padding:26px;background-color:#fff;border-radius:10px}.app-container .main-content .content .right .teacherbox .head[data-v-66a44f60]{width:100%;display:flex;align-items:center;margin-bottom:20px}.app-container .main-content .content .right .teacherbox .head img[data-v-66a44f60]{width:72px;height:72px;border-radius:50%;margin-right:16px}.app-container .main-content .content .right .teacherbox .head .name[data-v-66a44f60]{font-size:18px;color:#2d3341;font-weight:700;margin-bottom:16px}.app-container .main-content .content .right .teacherbox .head .type[data-v-66a44f60]{font-size:16px;color:#2d3341}.app-container .main-content .content .right .teacherbox .course[data-v-66a44f60]{font-size:20px;color:#2d3341;margin-bottom:32px}.app-container .main-content .content .right .teacherbox .nums[data-v-66a44f60]{font-size:16px;color:#2d3341;margin-bottom:10px}.app-container .main-content .content .right .teacherbox .price[data-v-66a44f60]{font-size:20px;color:#d5182f;margin-bottom:60px}.app-container .main-content .content .right .teacherbox .btn[data-v-66a44f60]{display:flex;justify-content:center;width:100%}.app-container .main-content .content .right .titlebox[data-v-66a44f60]{display:flex;align-items:center;margin:0 0 30px}.app-container .main-content .content .right .titlebox .linebox[data-v-66a44f60]{width:7px;height:36px;background:#f65f58;border-radius:5px;margin-right:20px}.app-container .main-content .content .right .titlebox .title[data-v-66a44f60]{color:#2d3341;font-size:30px}.app-container .main-content .content .right .card[data-v-66a44f60]{clear:both;width:360px;background-color:#fff;border-radius:10px;overflow:hidden;margin:24px 0 40px 0;box-shadow:0 .125rem .3125rem rgba(0,0,0,.1)}.app-container .main-content .content .right .card img[data-v-66a44f60]{width:360px;height:185px}.app-container .main-content .content .right .card p[data-v-66a44f60]{font-size:18px;margin:auto;text-align:left;margin-bottom:20px}.app-container .main-content .content .right .card .perinfo[data-v-66a44f60]{display:flex;align-items:center;color:#838a9d}.app-container .main-content .content .right .card .perinfo .headimg[data-v-66a44f60]{width:44px;height:44px;border-radius:50%;margin-right:10px}.app-container .main-content .content .right .card .perinfo span[data-v-66a44f60]{font-size:14px}@media(max-width:1200px){.app-container .main-content[data-v-66a44f60]{width:100%;padding:0 16px;box-sizing:border-box}}@media(max-width:992px){.app-container .main-content .content[data-v-66a44f60]{flex-direction:column}.app-container .main-content .content .left[data-v-66a44f60]{width:100%;margin-bottom:16px}.app-container .main-content .content .right .card[data-v-66a44f60],.app-container .main-content .content .right .teacherbox[data-v-66a44f60]{width:100%}.app-container .main-content .content .right .card img[data-v-66a44f60]{width:100%;height:auto}}@media(max-width:600px){.app-container .main-content[data-v-66a44f60]{padding:0 12px}.app-container .main-content .title[data-v-66a44f60]{font-size:16px}.app-container .main-content .head .breadcrumb[data-v-66a44f60]{font-size:12px}.app-container .main-content .content[data-v-66a44f60]{gap:12px;margin-bottom:40px}.app-container .main-content .content .left[data-v-66a44f60]{padding:12px}.app-container .main-content .content .right .teacherbox[data-v-66a44f60]{padding:16px}.app-container .main-content .content .right .card[data-v-66a44f60]{width:100%;padding:0}.app-container .main-content .content .right .card img[data-v-66a44f60]{width:100%;height:auto}.app-container .main-content .content .right .titlebox .title[data-v-66a44f60]{font-size:20px}.app-container .main-content .content .right .teacherbox .btn[data-v-66a44f60]{position:sticky;bottom:12px}}.app-container[data-v-3cded6b5]{background:#f5f7fa;min-height:100vh;font-family:Microsoft YaHei,sans-serif}.app-container .main-content[data-v-3cded6b5]{max-width:1200px;margin:0 auto;padding:0 20px}.app-container .main-content .head[data-v-3cded6b5]{padding:20px 0;display:flex;align-items:center;color:#666;font-size:14px}.app-container .main-content .head .breadcrumb .route[data-v-3cded6b5]{color:#409eff;cursor:pointer}.app-container .main-content .head .breadcrumb .route[data-v-3cded6b5]:hover{text-decoration:underline}.app-container .main-content .profile-container[data-v-3cded6b5]{display:flex;gap:24px;margin-bottom:40px}.app-container .main-content .profile-container .sidebar[data-v-3cded6b5]{width:280px}.app-container .main-content .profile-container .sidebar .user-card[data-v-3cded6b5]{background:#fff;border-radius:12px;padding:24px;margin-bottom:16px;box-shadow:0 2px 12px rgba(0,0,0,.08)}.app-container .main-content .profile-container .sidebar .user-card .avatar-wrapper[data-v-3cded6b5]{display:flex;align-items:center}.app-container .main-content .profile-container .sidebar .user-card .avatar-wrapper .avatar[data-v-3cded6b5]{width:60px;height:60px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-right:16px}.app-container .main-content .profile-container .sidebar .user-card .avatar-wrapper .user-info .username[data-v-3cded6b5]{margin:0 0 8px 0;font-size:18px;font-weight:600;color:#2c3e50}.app-container .main-content .profile-container .sidebar .user-card .avatar-wrapper .user-info .user-type[data-v-3cded6b5]{color:#718096;font-size:14px;background:#e2e8f0;padding:4px 12px;border-radius:16px;display:inline-block}.app-container .main-content .profile-container .sidebar .menu-nav[data-v-3cded6b5]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.08)}.app-container .main-content .profile-container .sidebar .menu-nav .nav-item[data-v-3cded6b5]{padding:16px 20px;display:flex;align-items:center;cursor:pointer;transition:all .3s ease;border-bottom:1px solid #f1f5f9}.app-container .main-content .profile-container .sidebar .menu-nav .nav-item i[data-v-3cded6b5]{margin-right:12px;font-size:18px;color:#718096}.app-container .main-content .profile-container .sidebar .menu-nav .nav-item span[data-v-3cded6b5]{color:#4a5568;font-weight:500}.app-container .main-content .profile-container .sidebar .menu-nav .nav-item[data-v-3cded6b5]:hover{background:#f8fafc}.app-container .main-content .profile-container .sidebar .menu-nav .nav-item.active[data-v-3cded6b5]{background:#e3f2fd;border-right:3px solid #2196f3}.app-container .main-content .profile-container .sidebar .menu-nav .nav-item.active i[data-v-3cded6b5],.app-container .main-content .profile-container .sidebar .menu-nav .nav-item.active span[data-v-3cded6b5]{color:#2196f3}.app-container .main-content .profile-container .sidebar .menu-nav .nav-item[data-v-3cded6b5]:last-child{border-bottom:none}.app-container .main-content .profile-container .content-area[data-v-3cded6b5]{flex:1;background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08)}.app-container .main-content .profile-container .content-area .section-header[data-v-3cded6b5]{padding:32px 32px 24px 32px;border-bottom:1px solid #e2e8f0}.app-container .main-content .profile-container .content-area .section-header h2[data-v-3cded6b5]{margin:0 0 8px 0;font-size:24px;font-weight:600;color:#2d3748}.app-container .main-content .profile-container .content-area .section-header p[data-v-3cded6b5]{margin:0;color:#718096;font-size:14px}.app-container .main-content .profile-container .content-area .profile-content[data-v-3cded6b5]{padding:32px}.app-container .main-content .profile-container .content-area .profile-content h3[data-v-3cded6b5]{margin:0 0 20px 0;font-size:18px;font-weight:600;color:#2d3748}.app-container .main-content .profile-container .content-area .profile-content .avatar-section[data-v-3cded6b5]{margin-bottom:40px}.app-container .main-content .profile-container .content-area .profile-content .avatar-section .avatar-upload[data-v-3cded6b5]{display:flex;align-items:flex-start;gap:20px}.app-container .main-content .profile-container .content-area .profile-content .avatar-section .avatar-upload .avatar-preview[data-v-3cded6b5]{position:relative;width:100px;height:100px}.app-container .main-content .profile-container .content-area .profile-content .avatar-section .avatar-upload .avatar-preview img[data-v-3cded6b5]{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.app-container .main-content .profile-container .content-area .profile-content .avatar-section .avatar-upload .avatar-preview .upload-overlay[data-v-3cded6b5]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;cursor:pointer;color:#fff}.app-container .main-content .profile-container .content-area .profile-content .avatar-section .avatar-upload .avatar-preview .upload-overlay i[data-v-3cded6b5]{font-size:20px;margin-bottom:4px}.app-container .main-content .profile-container .content-area .profile-content .avatar-section .avatar-upload .avatar-preview .upload-overlay span[data-v-3cded6b5]{font-size:12px}.app-container .main-content .profile-container .content-area .profile-content .avatar-section .avatar-upload .avatar-preview:hover .upload-overlay[data-v-3cded6b5]{opacity:1}.app-container .main-content .profile-container .content-area .profile-content .avatar-section .avatar-upload .upload-tips[data-v-3cded6b5]{flex:1}.app-container .main-content .profile-container .content-area .profile-content .avatar-section .avatar-upload .upload-tips p[data-v-3cded6b5]{margin:0;color:#718096;font-size:14px;line-height:1.5}.app-container .main-content .profile-container .content-area .profile-content .basic-info[data-v-3cded6b5]{margin-bottom:40px}.app-container .main-content .profile-container .content-area .profile-content .basic-info .section-header[data-v-3cded6b5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.app-container .main-content .profile-container .content-area .profile-content .basic-info .section-header h3[data-v-3cded6b5]{margin:0;font-size:18px;font-weight:600;color:#2d3748}.app-container .main-content .profile-container .content-area .profile-content .basic-info .info-grid .info-item[data-v-3cded6b5]{display:flex;align-items:center;padding:16px 0;border-bottom:1px solid #f1f5f9}.app-container .main-content .profile-container .content-area .profile-content .basic-info .info-grid .info-item label[data-v-3cded6b5]{width:100px;font-weight:500;color:#4a5568}.app-container .main-content .profile-container .content-area .profile-content .basic-info .info-grid .info-item .value[data-v-3cded6b5]{flex:1;color:#2d3748}.app-container .main-content .profile-container .content-area .profile-content .basic-info .info-grid .info-item .status[data-v-3cded6b5]{font-size:12px;padding:4px 8px;border-radius:4px;margin-left:8px}.app-container .main-content .profile-container .content-area .profile-content .basic-info .info-grid .info-item .status.readonly[data-v-3cded6b5]{background:#f1f5f9;color:#718096}.app-container .main-content .profile-container .content-area .profile-content .basic-info .info-grid .info-item[data-v-3cded6b5]:last-child{border-bottom:none}.app-container .main-content .profile-container .content-area .profile-content .basic-info .info-grid .info-row[data-v-3cded6b5]{display:flex;align-items:center;padding:16px 0;border-bottom:1px solid #f1f5f9}.app-container .main-content .profile-container .content-area .profile-content .basic-info .info-grid .info-row label[data-v-3cded6b5]{width:100px;font-weight:500;color:#4a5568}.app-container .main-content .profile-container .content-area .profile-content .basic-info .info-grid .info-row .value[data-v-3cded6b5]{flex:1;color:#2d3748}.app-container .main-content .profile-container .content-area .profile-content .basic-info .info-grid .info-row .status[data-v-3cded6b5]{font-size:12px;padding:4px 8px;border-radius:4px}.app-container .main-content .profile-container .content-area .profile-content .basic-info .info-grid .info-row .status.readonly[data-v-3cded6b5]{background:#f1f5f9;color:#718096}.app-container .main-content .profile-container .content-area .profile-content .basic-info .info-grid .info-row[data-v-3cded6b5]:last-child{border-bottom:none}.app-container .main-content .profile-container .content-area .profile-content .security-section .security-item[data-v-3cded6b5]{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid #f1f5f9}.app-container .main-content .profile-container .content-area .profile-content .security-section .security-item .security-info .title[data-v-3cded6b5]{font-weight:500;color:#2d3748;margin-bottom:4px}.app-container .main-content .profile-container .content-area .profile-content .security-section .security-item .security-info .desc[data-v-3cded6b5]{color:#718096;font-size:14px}.app-container .main-content .profile-container .content-area .profile-content .security-section .security-item[data-v-3cded6b5]:last-child{border-bottom:none}.app-container .main-content .profile-container .content-area .course-tabs[data-v-3cded6b5]{display:flex;border-bottom:1px solid #e2e8f0}.app-container .main-content .profile-container .content-area .course-tabs .tab-item[data-v-3cded6b5]{padding:16px 24px;cursor:pointer;display:flex;align-items:center;transition:all .3s ease;position:relative}.app-container .main-content .profile-container .content-area .course-tabs .tab-item i[data-v-3cded6b5]{margin-right:8px;font-size:16px}.app-container .main-content .profile-container .content-area .course-tabs .tab-item .count[data-v-3cded6b5]{margin-left:8px;color:#718096;font-size:14px}.app-container .main-content .profile-container .content-area .course-tabs .tab-item.active[data-v-3cded6b5],.app-container .main-content .profile-container .content-area .course-tabs .tab-item[data-v-3cded6b5]:hover{color:#2196f3}.app-container .main-content .profile-container .content-area .course-tabs .tab-item.active[data-v-3cded6b5]:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:30px;height:3px;background:#2196f3;border-radius:3px 3px 0 0}.app-container .main-content .profile-container .content-area .course-list[data-v-3cded6b5]{padding:32px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px}.app-container .main-content .profile-container .content-area .course-list .empty-state[data-v-3cded6b5]{text-align:center;padding:80px 0;color:#a0aec0}.app-container .main-content .profile-container .content-area .course-list .empty-state i[data-v-3cded6b5]{font-size:64px;margin-bottom:16px;display:block}.app-container .main-content .profile-container .content-area .course-list .empty-state h3[data-v-3cded6b5]{margin:0 0 8px 0;font-size:18px;color:#4a5568}.app-container .main-content .profile-container .content-area .course-list .empty-state p[data-v-3cded6b5]{margin:0;color:#718096}.app-container .main-content .profile-container .content-area .course-list .course-item[data-v-3cded6b5]{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #dee2e6;border-radius:12px;padding:12px 16px;margin-bottom:12px;transition:all .3s ease;cursor:pointer;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.app-container .main-content .profile-container .content-area .course-list .course-item[data-v-3cded6b5]:hover{box-shadow:0 8px 25px rgba(0,0,0,.15);transform:translateY(-3px);border-color:#3498db}.app-container .main-content .profile-container .content-area .course-list .course-item .course-type-icon[data-v-3cded6b5]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3498db,#2980b9);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px rgba(52,152,219,.3)}.app-container .main-content .profile-container .content-area .course-list .course-item .course-type-icon i[data-v-3cded6b5]{font-size:16px;color:#fff}.app-container .main-content .profile-container .content-area .course-list .course-item .course-content[data-v-3cded6b5]{flex:1;min-width:0}.app-container .main-content .profile-container .content-area .course-list .course-item .course-content .course-header[data-v-3cded6b5]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.app-container .main-content .profile-container .content-area .course-list .course-item .course-content .course-header .course-title[data-v-3cded6b5]{font-size:16px;font-weight:600;color:#2c3e50;margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.app-container .main-content .profile-container .content-area .course-list .course-item .course-content .course-header .course-type-badge[data-v-3cded6b5]{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;color:#fff;flex-shrink:0}.app-container .main-content .profile-container .content-area .course-list .course-item .course-content .course-header .course-type-badge.live[data-v-3cded6b5]{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.app-container .main-content .profile-container .content-area .course-list .course-item .course-content .course-header .course-type-badge.recorded[data-v-3cded6b5]{background:linear-gradient(135deg,#4834d4,#686de0)}.app-container .main-content .profile-container .content-area .course-list .course-item .course-content .course-meta[data-v-3cded6b5]{margin-bottom:8px}.app-container .main-content .profile-container .content-area .course-list .course-item .course-content .course-meta .create-time[data-v-3cded6b5]{font-size:14px;color:#6c757d;font-weight:500}.app-container .main-content .profile-container .content-area .course-list .course-item .course-content .progress-info[data-v-3cded6b5]{display:flex;align-items:center;gap:8px}.app-container .main-content .profile-container .content-area .course-list .course-item .course-content .progress-info .progress-bar[data-v-3cded6b5]{flex:1;height:4px;background:#ecf0f1;border-radius:2px;overflow:hidden;max-width:200px}.app-container .main-content .profile-container .content-area .course-list .course-item .course-content .progress-info .progress-bar .progress[data-v-3cded6b5]{height:100%;background:linear-gradient(90deg,#3498db,#2980b9);transition:width .3s ease}.app-container .main-content .profile-container .content-area .course-list .course-item .course-content .progress-info .progress-text[data-v-3cded6b5]{font-size:13px;color:#6c757d;font-weight:600}.app-container .main-content .profile-container .content-area .course-list .course-item .course-action[data-v-3cded6b5]{color:#95a5a6;font-size:18px;flex-shrink:0;transition:color .3s ease}.app-container .main-content .profile-container .content-area .course-list .course-item .course-action[data-v-3cded6b5]:hover{color:#3498db}.app-container .main-content .profile-container .content-area .public-courses-section .section-header[data-v-3cded6b5]{margin-bottom:24px;display:flex;justify-content:space-between;align-items:flex-start}.app-container .main-content .profile-container .content-area .public-courses-section .section-header .header-left[data-v-3cded6b5]{flex:1}.app-container .main-content .profile-container .content-area .public-courses-section .section-header .header-left h2[data-v-3cded6b5]{margin:0 0 8px 0;font-size:24px;font-weight:600;color:#2d3748}.app-container .main-content .profile-container .content-area .public-courses-section .section-header .header-left p[data-v-3cded6b5]{margin:0;color:#718096;font-size:14px}.app-container .main-content .profile-container .content-area .public-courses-section .section-header .header-right[data-v-3cded6b5]{flex-shrink:0;margin-left:20px}.app-container .main-content .profile-container .content-area .public-courses-section .public-course-content-container[data-v-3cded6b5]{background:#fff;border-radius:0 0 12px 12px}.app-container .main-content .profile-container .content-area .public-courses-section .public-course-content-container .public-course-list-content[data-v-3cded6b5]{padding:20px;min-height:400px}.app-container .main-content .profile-container .content-area .public-courses-section .public-course-content-container .public-course-list-content .empty-state[data-v-3cded6b5]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#a0aec0}.app-container .main-content .profile-container .content-area .public-courses-section .public-course-content-container .public-course-list-content .empty-state i[data-v-3cded6b5]{font-size:48px;margin-bottom:12px;color:#cbd5e0}.app-container .main-content .profile-container .content-area .public-courses-section .public-course-content-container .public-course-list-content .empty-state p[data-v-3cded6b5]{margin:0;font-size:14px}.app-container .main-content .profile-container .content-area .public-courses-section .public-course-content-container .public-course-list-content .public-course-list[data-v-3cded6b5]{margin-top:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:16px}.app-container .main-content .profile-container .content-area .public-courses-section .public-course-content-container .public-course-list-content .public-course-list .public-course-item[data-v-3cded6b5]{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #dee2e6;border-radius:12px;padding:12px 16px;margin-bottom:12px;transition:all .3s ease;cursor:pointer;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.app-container .main-content .profile-container .content-area .public-courses-section .public-course-content-container .public-course-list-content .public-course-list .public-course-item[data-v-3cded6b5]:hover{box-shadow:0 6px 20px rgba(0,0,0,.15);transform:translateY(-3px);border-color:#3498db}.app-container .main-content .profile-container .content-area .public-courses-section .public-course-content-container .public-course-list-content .public-course-list .public-course-item .course-type-icon[data-v-3cded6b5]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3498db,#2980b9);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px rgba(52,152,219,.3)}.app-container .main-content .profile-container .content-area .public-courses-section .public-course-content-container .public-course-list-content .public-course-list .public-course-item .course-type-icon i[data-v-3cded6b5]{font-size:16px;color:#fff}.app-container .main-content .profile-container .content-area .public-courses-section .public-course-content-container .public-course-list-content .public-course-list .public-course-item .course-content[data-v-3cded6b5]{flex:1;min-width:0}.app-container .main-content .profile-container .content-area .public-courses-section .public-course-content-container .public-course-list-content .public-course-list .public-course-item .course-content .course-header[data-v-3cded6b5]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.app-container .main-content .profile-container .content-area .public-courses-section .public-course-content-container .public-course-list-content .public-course-list .public-course-item .course-content .course-header .course-title[data-v-3cded6b5]{font-size:16px;font-weight:600;color:#2c3e50;margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;flex:1}.app-container .main-content .profile-container .content-area .public-courses-section .public-course-content-container .public-course-list-content .public-course-list .public-course-item .course-content .course-header .course-type-badge[data-v-3cded6b5]{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;color:#fff;flex-shrink:0}.app-container .main-content .profile-container .content-area .public-courses-section .public-course-content-container .public-course-list-content .public-course-list .public-course-item .course-content .course-header .course-type-badge.live[data-v-3cded6b5]{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.app-container .main-content .profile-container .content-area .public-courses-section .public-course-content-container .public-course-list-content .public-course-list .public-course-item .course-content .course-header .course-type-badge.recorded[data-v-3cded6b5]{background:linear-gradient(135deg,#4834d4,#686de0)}.app-container .main-content .profile-container .content-area .public-courses-section .public-course-content-container .public-course-list-content .public-course-list .public-course-item .course-content .course-meta[data-v-3cded6b5]{margin-bottom:8px}.app-container .main-content .profile-container .content-area .public-courses-section .public-course-content-container .public-course-list-content .public-course-list .public-course-item .course-content .course-meta .create-time[data-v-3cded6b5]{font-size:14px;color:#6c757d;font-weight:500}.app-container .main-content .profile-container .content-area .public-courses-section .public-course-content-container .public-course-list-content .public-course-list .public-course-item .course-content .progress-info[data-v-3cded6b5]{display:flex;align-items:center;gap:8px}.app-container .main-content .profile-container .content-area .public-courses-section .public-course-content-container .public-course-list-content .public-course-list .public-course-item .course-content .progress-info .progress-bar[data-v-3cded6b5]{flex:1;height:4px;background:#ecf0f1;border-radius:2px;overflow:hidden;max-width:200px}.app-container .main-content .profile-container .content-area .public-courses-section .public-course-content-container .public-course-list-content .public-course-list .public-course-item .course-content .progress-info .progress-bar .progress[data-v-3cded6b5]{height:100%;background:linear-gradient(90deg,#3498db,#2980b9);transition:width .3s ease}.app-container .main-content .profile-container .content-area .public-courses-section .public-course-content-container .public-course-list-content .public-course-list .public-course-item .course-content .progress-info .progress-text[data-v-3cded6b5]{font-size:13px;color:#6c757d;font-weight:600}.app-container .main-content .profile-container .content-area .public-courses-section .public-course-content-container .public-course-list-content .public-course-list .public-course-item .course-action[data-v-3cded6b5]{color:#95a5a6;font-size:18px;flex-shrink:0;transition:color .3s ease}.app-container .main-content .profile-container .content-area .public-courses-section .public-course-content-container .public-course-list-content .public-course-list .public-course-item .course-action[data-v-3cded6b5]:hover{color:#3498db}.app-container .main-content .profile-container .content-area .courses-section .section-header[data-v-3cded6b5]{margin-bottom:24px;display:flex;justify-content:space-between;align-items:flex-start}.app-container .main-content .profile-container .content-area .courses-section .section-header .header-left[data-v-3cded6b5]{flex:1}.app-container .main-content .profile-container .content-area .courses-section .section-header .header-left h2[data-v-3cded6b5]{margin:0 0 8px 0;font-size:24px;font-weight:600;color:#2d3748}.app-container .main-content .profile-container .content-area .courses-section .section-header .header-left p[data-v-3cded6b5]{margin:0;color:#718096;font-size:14px}.app-container .main-content .profile-container .content-area .courses-section .section-header .header-right[data-v-3cded6b5]{flex-shrink:0;margin-left:20px}.app-container .main-content .profile-container .content-area .courses-section .section-header .header-right .search-input[data-v-3cded6b5]{width:300px}.app-container .main-content .profile-container .content-area .courses-section .section-header .back-section[data-v-3cded6b5]{display:flex;align-items:center;gap:16px}.app-container .main-content .profile-container .content-area .courses-section .section-header .back-section .back-btn[data-v-3cded6b5]{color:#2196f3;font-size:14px;padding:0}.app-container .main-content .profile-container .content-area .courses-section .section-header .back-section .back-btn[data-v-3cded6b5]:hover{color:#1976d2}.app-container .main-content .profile-container .content-area .courses-section .section-header .header-actions[data-v-3cded6b5]{display:flex;gap:12px}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-pagination[data-v-3cded6b5]{margin-top:20px;text-align:center}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container[data-v-3cded6b5]{background:#fff;border-radius:12px;padding:32px;min-height:800px}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .class-list-scroll[data-v-3cded6b5]{max-height:700px;overflow-y:auto;padding-right:8px}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .class-list-scroll[data-v-3cded6b5]::-webkit-scrollbar{width:6px}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .class-list-scroll[data-v-3cded6b5]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .class-list-scroll[data-v-3cded6b5]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .class-list-scroll[data-v-3cded6b5]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .empty-state[data-v-3cded6b5],.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .loading-state[data-v-3cded6b5]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .empty-state i[data-v-3cded6b5],.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .loading-state i[data-v-3cded6b5]{font-size:48px;margin-bottom:16px}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .empty-state p[data-v-3cded6b5],.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .loading-state p[data-v-3cded6b5]{margin:0;font-size:16px;color:#718096}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .loading-state[data-v-3cded6b5]{color:#2196f3}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .loading-state i[data-v-3cded6b5]{animation:spin-3cded6b5 1s linear infinite}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .empty-state[data-v-3cded6b5]{color:#a0aec0}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .empty-state i[data-v-3cded6b5]{color:#cbd5e0}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .class-grid[data-v-3cded6b5]{display:flex;flex-direction:column;gap:16px}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .class-grid .class-card[data-v-3cded6b5]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;min-height:100px}@media(max-width:768px){.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .class-grid .class-card[data-v-3cded6b5]{flex-direction:column}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .class-grid .class-card .class-cover[data-v-3cded6b5]{width:100%!important;height:120px!important}}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .class-grid .class-card[data-v-3cded6b5]:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.1)}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .class-grid .class-card:hover .class-overlay[data-v-3cded6b5]{opacity:1}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .class-grid .class-card:hover .class-cover img[data-v-3cded6b5]{transform:scale(1.05)}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .class-grid .class-card .class-cover[data-v-3cded6b5]{position:relative;width:140px;height:90px;flex-shrink:0;overflow:hidden;border-radius:8px}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .class-grid .class-card .class-cover img[data-v-3cded6b5]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .class-grid .class-card .class-cover .class-overlay[data-v-3cded6b5]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:rgba(33,150,243,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;opacity:0;transition:opacity .3s ease}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .class-grid .class-card .class-info[data-v-3cded6b5]{flex:1;padding:16px 20px}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .class-grid .class-card .class-info .course-name[data-v-3cded6b5]{margin:0 0 6px 0;font-size:16px;font-weight:600;color:#2d3748;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .class-grid .class-card .class-info .class-name[data-v-3cded6b5]{margin:0 0 8px 0;color:#718096;font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .class-grid .class-card .class-info .teacher-name[data-v-3cded6b5]{margin:0;color:#a0aec0;font-size:12px;line-height:1.4;display:flex;align-items:center;gap:4px}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .class-grid .class-card .class-info .teacher-name i[data-v-3cded6b5]{font-size:12px}.app-container .main-content .profile-container .content-area .courses-section .course-list-view .section-header[data-v-3cded6b5]{display:flex;justify-content:space-between;align-items:center}.app-container .main-content .profile-container .content-area .courses-section .course-list-view .course-tabs[data-v-3cded6b5]{display:flex;border-bottom:1px solid #e2e8f0;background:#f8fafc;border-radius:12px 12px 0 0;margin-bottom:0}.app-container .main-content .profile-container .content-area .courses-section .course-list-view .course-tabs .tab-item[data-v-3cded6b5]{flex:1;padding:16px 20px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .3s ease;position:relative}.app-container .main-content .profile-container .content-area .courses-section .course-list-view .course-tabs .tab-item i[data-v-3cded6b5]{font-size:16px}.app-container .main-content .profile-container .content-area .courses-section .course-list-view .course-tabs .tab-item span[data-v-3cded6b5]{font-size:14px;font-weight:500}.app-container .main-content .profile-container .content-area .courses-section .course-list-view .course-tabs .tab-item .count[data-v-3cded6b5]{color:#718096;font-size:12px}.app-container .main-content .profile-container .content-area .courses-section .course-list-view .course-tabs .tab-item[data-v-3cded6b5]:hover{color:#2196f3;background:#e3f2fd}.app-container .main-content .profile-container .content-area .courses-section .course-list-view .course-tabs .tab-item.active[data-v-3cded6b5]{color:#2196f3;background:#fff}.app-container .main-content .profile-container .content-area .courses-section .course-list-view .course-tabs .tab-item.active[data-v-3cded6b5]:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40px;height:3px;background:#2196f3;border-radius:3px 3px 0 0}.app-container .main-content .profile-container .content-area .courses-section .course-list-view .course-content-container[data-v-3cded6b5]{background:#fff;border-radius:0 0 12px 12px}.app-container .main-content .profile-container .content-area .courses-section .course-list-view .course-content-container .course-actions-bar[data-v-3cded6b5]{padding:16px 20px;border-bottom:1px solid #f1f5f9}.app-container .main-content .profile-container .content-area .courses-section .course-list-view .course-content-container .course-list-content[data-v-3cded6b5]{padding:20px;min-height:400px}.app-container .main-content .profile-container .content-area .courses-section .course-list-view .course-content-container .course-list-content .empty-state[data-v-3cded6b5]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#a0aec0}.app-container .main-content .profile-container .content-area .courses-section .course-list-view .course-content-container .course-list-content .empty-state i[data-v-3cded6b5]{font-size:48px;margin-bottom:12px;color:#cbd5e0}.app-container .main-content .profile-container .content-area .courses-section .course-list-view .course-content-container .course-list-content .empty-state p[data-v-3cded6b5]{margin:0;font-size:14px}[data-v-3cded6b5] .el-dialog{border-radius:12px}[data-v-3cded6b5] .el-dialog .el-dialog__header{padding:24px 24px 0 24px}[data-v-3cded6b5] .el-dialog .el-dialog__header .el-dialog__title{font-size:18px;font-weight:600}[data-v-3cded6b5] .el-dialog .el-dialog__body{padding:24px}[data-v-3cded6b5] .el-dialog .el-dialog__footer{padding:0 24px 24px 24px}.class-detail .class-info-header[data-v-3cded6b5]{display:flex;gap:20px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e2e8f0}.class-detail .class-info-header .class-cover[data-v-3cded6b5]{width:120px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0}.class-detail .class-info-header .class-cover img[data-v-3cded6b5]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.class-detail .class-info-header .class-basic-info[data-v-3cded6b5]{flex:1}.class-detail .class-info-header .class-basic-info h3[data-v-3cded6b5]{margin:0 0 8px 0;font-size:20px;font-weight:600;color:#2d3748}.class-detail .class-info-header .class-basic-info .class-name[data-v-3cded6b5]{margin:0 0 12px 0;color:#718096;font-size:16px}.class-detail .class-info-header .class-basic-info .class-stats[data-v-3cded6b5]{display:flex;gap:20px}.class-detail .class-info-header .class-basic-info .class-stats span[data-v-3cded6b5]{color:#718096;font-size:14px;display:flex;align-items:center}.class-detail .class-info-header .class-basic-info .class-stats span i[data-v-3cded6b5]{margin-right:6px;color:#2196f3}.class-detail .class-courses .courses-header[data-v-3cded6b5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.class-detail .class-courses .courses-header h4[data-v-3cded6b5]{margin:0;font-size:16px;font-weight:600;color:#2d3748}.class-detail .class-courses .empty-courses[data-v-3cded6b5]{text-align:center;padding:40px 0;color:#a0aec0}.class-detail .class-courses .empty-courses i[data-v-3cded6b5]{font-size:48px;margin-bottom:12px;display:block;color:#cbd5e0}.class-detail .class-courses .empty-courses p[data-v-3cded6b5]{margin:0;color:#718096;font-size:14px}.cover-upload .upload-area[data-v-3cded6b5]{border:2px dashed #d9d9d9;border-radius:8px;cursor:pointer;transition:border-color .3s ease}.cover-upload .upload-area[data-v-3cded6b5]:hover{border-color:#2196f3}.cover-upload .upload-area .cover-preview[data-v-3cded6b5]{position:relative;width:200px;height:120px}.cover-upload .upload-area .cover-preview img[data-v-3cded6b5]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:6px}.cover-upload .upload-area .cover-preview .cover-overlay[data-v-3cded6b5]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .3s ease}.cover-upload .upload-area .cover-preview .cover-overlay i[data-v-3cded6b5]{font-size:20px;margin-bottom:4px}.cover-upload .upload-area .cover-preview .cover-overlay span[data-v-3cded6b5]{font-size:12px}.cover-upload .upload-area .cover-preview:hover .cover-overlay[data-v-3cded6b5]{opacity:1}.cover-upload .upload-area .upload-placeholder[data-v-3cded6b5]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#999}.cover-upload .upload-area .upload-placeholder i[data-v-3cded6b5]{font-size:32px;margin-bottom:8px;color:#ccc}.cover-upload .upload-area .upload-placeholder p[data-v-3cded6b5]{margin:0 0 4px 0;font-size:14px}.cover-upload .upload-area .upload-placeholder .upload-tip[data-v-3cded6b5]{font-size:12px;color:#bbb}@media(max-width:1200px){.profile-container[data-v-3cded6b5]{flex-direction:column}.profile-container .sidebar[data-v-3cded6b5]{width:100%}.profile-container .sidebar .menu-nav[data-v-3cded6b5]{display:flex;border-radius:12px}.profile-container .sidebar .menu-nav .nav-item[data-v-3cded6b5]{flex:1;justify-content:center;padding:12px 8px;border-bottom:none;border-right:1px solid #f1f5f9;flex-direction:column;gap:4px}.profile-container .sidebar .menu-nav .nav-item i[data-v-3cded6b5]{margin-right:0;font-size:16px}.profile-container .sidebar .menu-nav .nav-item span[data-v-3cded6b5]{font-size:13px}.profile-container .sidebar .menu-nav .nav-item.active[data-v-3cded6b5]{border-right:1px solid #f1f5f9;border-bottom:3px solid #2196f3}.profile-container .sidebar .menu-nav .nav-item[data-v-3cded6b5]:last-child{border-right:none}.profile-container .content-area[data-v-3cded6b5]{width:100%}.profile-container .content-area .section-header[data-v-3cded6b5]{padding:20px 16px 16px}.profile-container .content-area .section-header h2[data-v-3cded6b5]{font-size:20px}.profile-container .content-area .profile-content[data-v-3cded6b5]{padding:16px}.profile-container .courses-section .courses-layout[data-v-3cded6b5]{flex-direction:column;height:auto}.profile-container .courses-section .courses-layout .class-sidebar[data-v-3cded6b5]{width:100%;margin-bottom:20px}}@media(max-width:600px){.app-container .main-content[data-v-3cded6b5]{padding:0 12px}.profile-container[data-v-3cded6b5]{gap:12px;margin-bottom:24px}.profile-container .sidebar .user-card[data-v-3cded6b5]{padding:16px}.profile-container .sidebar .user-card .avatar-wrapper .avatar[data-v-3cded6b5]{width:48px;height:48px}.profile-container .sidebar .menu-nav .nav-item[data-v-3cded6b5]{padding:10px 4px}.profile-container .sidebar .menu-nav .nav-item span[data-v-3cded6b5]{font-size:12px}.profile-container .content-area .section-header[data-v-3cded6b5]{padding:16px 12px 12px}.profile-container .content-area .section-header h2[data-v-3cded6b5]{font-size:18px}.profile-container .content-area .profile-content[data-v-3cded6b5]{padding:12px}.profile-container .courses-section .class-card[data-v-3cded6b5]{flex-direction:column}.profile-container .courses-section .class-card .class-cover[data-v-3cded6b5]{width:100%!important;height:140px!important}}@keyframes spin-3cded6b5{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.player-container[data-v-2a3bb60c]{min-height:100vh;background-color:#131519;display:flex;flex-direction:column}.player-container .top-service-bar[data-v-2a3bb60c]{width:100%;padding:15px 40px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;background-color:#131519}.player-container .top-service-bar .img[data-v-2a3bb60c]{height:40px}.player-container .top-service-bar .user-info[data-v-2a3bb60c]{display:flex;align-items:center;color:#fff}.player-container .top-service-bar .user-info .welcome-text[data-v-2a3bb60c]{margin-right:15px}.player-container .top-service-bar .user-info .logout-btn[data-v-2a3bb60c]{color:#909399}.player-container .top-service-bar .user-info .logout-btn[data-v-2a3bb60c]:hover{color:#fff}.player-container .videobox[data-v-2a3bb60c]{flex:1;width:100%;margin:0;display:flex;flex-direction:column}.player-container .videobox .player-wrapper[data-v-2a3bb60c]{width:100%;height:calc(100vh - 160px);background:#000}.player-container .videobox .player-wrapper .player-inner[data-v-2a3bb60c]{width:100%;height:100%}.player-container .videobox .videoinfo[data-v-2a3bb60c]{width:100%;background:#1c1e22;padding:20px 40px;box-sizing:border-box}.player-container .videobox .videoinfo .info-right[data-v-2a3bb60c]{display:flex;align-items:center}.player-container .videobox .videoinfo .info-right .title-container[data-v-2a3bb60c]{color:#fff;font-size:18px;margin-right:12px;display:flex;align-items:center}.player-container .videobox .videoinfo .info-right .status[data-v-2a3bb60c]{background-color:rgba(103,194,58,.1);color:#67c23a;font-size:12px;padding:2px 6px;border-radius:4px;margin-left:10px}.player-container .videobox .videoinfo .info-right .teacher[data-v-2a3bb60c]{color:#909399;margin-left:20px;font-size:14px}.player-container .error-overlay[data-v-2a3bb60c]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:9999;color:#fff}.player-container .error-overlay .error-content[data-v-2a3bb60c]{text-align:center;background:#2b2f36;padding:40px 60px;border-radius:8px}.player-container .error-overlay .error-content i[data-v-2a3bb60c]{font-size:48px;color:#f56c6c;margin-bottom:20px}.player-container .error-overlay .error-content p[data-v-2a3bb60c]{font-size:16px;margin-bottom:30px}@media(max-width:992px){.player-container .top-service-bar[data-v-2a3bb60c]{padding:12px 16px;height:auto;min-height:56px;flex-wrap:wrap;gap:8px}.player-container .top-service-bar .brand-wrap .img[data-v-2a3bb60c]{width:40px;height:34px}.player-container .top-service-bar .brand-wrap .brand-name[data-v-2a3bb60c]{font-size:18px}.player-container .videobox .player-wrapper[data-v-2a3bb60c]{min-height:56vw}.player-container .videobox .videoinfo[data-v-2a3bb60c]{padding:12px 16px;flex-direction:column;align-items:flex-start;gap:10px}.player-container .videobox .videoinfo .info-left[data-v-2a3bb60c]{width:100%}.player-container .videobox .videoinfo .info-left .title[data-v-2a3bb60c]{font-size:16px;line-height:1.4}.player-container .videobox .videoinfo .info-right[data-v-2a3bb60c]{width:100%;flex-direction:column;align-items:flex-start}.player-container .videobox .videoinfo .info-right .teacher[data-v-2a3bb60c]{margin-left:0;margin-top:4px}.player-container .error-state .error-content[data-v-2a3bb60c]{padding:24px 20px;margin:0 16px}}@media(max-width:600px){.player-container .videobox .player-wrapper[data-v-2a3bb60c]{min-height:56.25vw}}.top-service-bar{border:1px;padding:25px 0 10px;color:#666;display:flex;margin:0 auto;justify-content:space-between;align-items:center;width:1000px;height:70px;clear:both}.top-service-bar .account-entry,.top-service-bar .brand-wrap,.top-service-bar .service-info{flex:1;display:flex;align-items:center}.top-service-bar .service-info{justify-content:flex-start}.top-service-bar .brand-wrap{justify-content:center;gap:12px}.top-service-bar .account-entry{justify-content:flex-end}.top-service-bar .img{width:80px;height:70px}.top-service-bar .brand-name{font-size:34px;font-weight:600;color:#333;letter-spacing:2px;line-height:1}.top-service-bar .service-table,.top-service-bar span{font-size:16px;color:#000;font-family:Microsoft YaHei}.top-service-bar .service-table{border-collapse:collapse}.top-service-bar .service-table td{padding:1px 4px}.top-service-bar .service-table .label{white-space:nowrap;padding-right:4px}.top-service-bar .service-table .value{text-align:left}.top-service-bar .service-table .value-label{display:inline-block;width:40px;margin-right:4px}.top-service-bar .service-table .service-wx-label{padding-left:2px;letter-spacing:1.5px}.top-service-bar .button{cursor:pointer;border:none;font-size:21px}.top-service-bar .user-info{display:flex;align-items:center;gap:15px}.top-service-bar .user-info .welcome-text{font-size:16px;color:#333}.top-service-bar .user-info .logout-btn{padding:8px 16px;font-size:14px;color:#666}.top-service-bar .user-info .logout-btn:hover{color:#409eff}.navigation-menu{margin:20px auto;width:700px;display:flex;align-items:center;justify-content:space-around;font-size:18px;clear:both}.navigation-menu span{cursor:pointer;transition:color .3s ease}.navigation-menu span:hover{color:#409eff}.navigation-menu .nvaActive{color:red;font-weight:600}.bottom{background-color:#282828}.bottom .bottom-box{margin:0 auto;width:1200px;padding:50px 0 0 0}.bottom .bottom-box .bottom-type{display:flex;height:55px;align-items:center}.bottom .bottom-box .bottom-type span{margin:0 60px 40px 0;color:#747474;font-size:14px;font-family:Microsoft YaHei;cursor:pointer}.bottom .bottom-box .copyright{color:#747474;font-size:14px;font-family:Microsoft YaHei;width:1200px;text-align:left;height:76px;line-height:76px;border-top:1px solid #444}.bottom .bottom-box .copyright a{color:#747474}#app{text-align:center;min-height:100vh;display:flex;flex-direction:column}.content{flex:1}body{margin:0;padding:0}*{box-sizing:border-box}body,html{overflow-x:hidden}body,html,img{max-width:100%}@media(max-width:1200px){.bottom .bottom-box,.bottom .bottom-box .copyright,.navigation-menu,.top-service-bar{max-width:100%!important;width:100%!important;padding-left:16px;padding-right:16px}}@media(max-width:992px){.top-service-bar{width:100%!important;height:auto;min-height:56px;padding:10px 16px;gap:8px;flex-wrap:wrap;align-items:center}.top-service-bar .service-info{order:3;flex:1 1 100%;justify-content:center;margin-top:4px}.top-service-bar .service-info .service-table{font-size:12px}.top-service-bar .service-info .service-table .value-label{width:auto}.top-service-bar .brand-wrap{order:1;flex:1;justify-content:flex-start;gap:8px}.top-service-bar .brand-wrap .img{width:44px;height:38px}.top-service-bar .brand-wrap .brand-name{font-size:22px;letter-spacing:1px}.top-service-bar .account-entry{order:2;flex:0 0 auto;justify-content:flex-end}.top-service-bar .account-entry .button{font-size:16px;padding:4px 8px}.top-service-bar .account-entry .user-info{gap:8px}.top-service-bar .account-entry .user-info .welcome-text{font-size:13px;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-service-bar .account-entry .user-info .logout-btn{padding:4px 8px;font-size:13px}.navigation-menu{position:sticky;top:0;z-index:100;width:100%!important;margin:0;padding:0 8px;height:48px;background:#fff;border-bottom:1px solid #eef0f4;display:flex;flex-wrap:nowrap;justify-content:space-around;gap:0;font-size:15px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.navigation-menu::-webkit-scrollbar{display:none}.navigation-menu span{flex:1;text-align:center;padding:12px 6px;white-space:nowrap}.bottom .bottom-box{padding:28px 16px 0}.bottom .bottom-box .bottom-type{height:auto;flex-wrap:wrap;gap:8px 0}.bottom .bottom-box .bottom-type span{margin:0 20px 16px 0}.bottom .bottom-box .copyright{width:100%!important;height:auto;line-height:1.7;padding:16px 0 24px;font-size:12px;white-space:normal}.el-dialog.login-dialog,.login-dialog.el-dialog{width:92%!important;max-width:420px}.el-message-box{width:90%!important;max-width:420px}}@media(max-width:600px){.top-service-bar .service-info{display:none}.top-service-bar .brand-name{font-size:20px}.navigation-menu{font-size:14px}.bottom .bottom-box .bottom-type span{margin:0 12px 12px 0;font-size:13px}}.login-dialog .login-content[data-v-18032591]{padding:20px 0}.login-dialog .user-type-switch[data-v-18032591]{display:flex;justify-content:center;margin-bottom:30px;gap:20px}.login-dialog .user-type-switch .type-btn[data-v-18032591]{width:120px;height:40px;border-radius:20px;font-size:16px;transition:all .3s ease}.login-dialog .login-form .el-form-item[data-v-18032591]{margin-bottom:20px}.login-dialog .login-form .el-input[data-v-18032591]{height:45px}.login-dialog .login-form .el-input[data-v-18032591] .el-input__inner{height:45px;line-height:45px;border-radius:8px;font-size:16px}.login-dialog .login-form .login-btn[data-v-18032591]{width:100%;height:45px;border-radius:8px;font-size:18px;font-weight:600;margin-top:10px}[data-v-18032591] .el-dialog{border-radius:15px;overflow:hidden}[data-v-18032591] .el-dialog__header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;text-align:center}[data-v-18032591] .el-dialog__header .el-dialog__title{font-size:20px;font-weight:600}[data-v-18032591] .el-dialog__header .el-dialog__close{color:#fff;font-size:18px}[data-v-18032591] .el-dialog__header .el-dialog__close:hover{color:#f0f0f0}[data-v-18032591] .el-dialog__body{padding:30px 40px}@media(max-width:600px){[data-v-18032591] .el-dialog{width:92%!important;margin:0 auto!important}[data-v-18032591] .el-dialog__header{padding:16px}[data-v-18032591] .el-dialog__body{padding:20px 16px}.login-form .el-input[data-v-18032591]{height:44px}.login-form .el-input[data-v-18032591] .el-input__inner{height:44px;line-height:44px;font-size:15px}.login-form .login-btn[data-v-18032591]{height:44px;font-size:16px}}