h3[data-v-1dfc7223]{margin:40px 0 0}ul[data-v-1dfc7223]{list-style-type:none;padding:0}li[data-v-1dfc7223]{display:inline-block;margin:0 10px}a[data-v-1dfc7223]{color:#42b983}.app-container[data-v-70d263ee]{padding:0;margin:0;font-family:Microsoft YaHei;color:#333;overflow:hidden;clear:both;text-align:left}.app-container .img[data-v-70d263ee]{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.app-container .img .button[data-v-70d263ee]{width:32px;height:98px;background-color:#f5f6f9;font-size:30px;margin:0 20px;padding:0;border:none}.app-container .imglist[data-v-70d263ee]{display:flex;align-items:center;margin:20px 75px}.app-container .imglist img[data-v-70d263ee]{width:120px;height:84px;margin-right:20px;-o-object-fit:cover;object-fit:cover;cursor:pointer}.app-container .imglist .active[data-v-70d263ee]{border:2px solid red}.app-container .info[data-v-70d263ee]{margin:0 70px}.app-container .info .student[data-v-70d263ee]{font-size:18px;font-weight:700}.app-container .info div[data-v-70d263ee]{font-size:16px;color:#2d3341;margin-bottom:15px}.app-container[data-v-23b1aeee]{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-23b1aeee]{position:relative;overflow:hidden}.app-container .team-box .ul-item .li-item .info[data-v-23b1aeee]{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-23b1aeee]{transform:translateY(100%)}.app-container .top-service-bar[data-v-23b1aeee]{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-23b1aeee]{width:80px;height:70px}.app-container .top-service-bar span[data-v-23b1aeee]{font-size:16px;color:#000}.app-container .button[data-v-23b1aeee]{cursor:pointer;border:none;font-size:21px}.app-container .navigation-menu[data-v-23b1aeee]{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-23b1aeee]{cursor:pointer}.app-container .navigation-menu .nvaActive[data-v-23b1aeee]{color:red}.app-container .main-content[data-v-23b1aeee]{margin:0 auto;clear:both}.app-container .classification[data-v-23b1aeee]{clear:both;display:flex;justify-content:center;gap:20px;width:1500px;margin:30px auto;padding:20px 0}.app-container .classification .course-card[data-v-23b1aeee]{cursor:pointer;transition:transform .3s ease;border-radius:15px;overflow:hidden}.app-container .classification .course-card[data-v-23b1aeee]:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.app-container .classification .course-card .card-content[data-v-23b1aeee]{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-23b1aeee]{overflow:hidden;padding:40px 0;clear:both;width:100%;background-color:#e6eaed}.app-container .openClass .title[data-v-23b1aeee]{font-size:36px;color:#2d3341;font-weight:700;font-family:Microsoft YaHei;line-height:1.1}.app-container .openClass .more[data-v-23b1aeee]{cursor:pointer;width:354px;height:56px;margin-top:20px}.app-container .openClass h1[data-v-23b1aeee]{clear:both;margin:0}.app-container .openClass .classCard[data-v-23b1aeee]{margin:auto;width:1200px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.app-container .openClass .classCard .card[data-v-23b1aeee]{clear:both;width:287px;height:354px;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}.app-container .openClass .classCard .card img[data-v-23b1aeee]{width:287px;height:185px}.app-container .openClass .classCard .card p[data-v-23b1aeee]{font-size:18px;width:263px;margin:auto;text-align:left;margin-bottom:10px}.app-container .openClass .classCard .card .perinfo[data-v-23b1aeee]{display:flex;align-items:center;color:#838a9d}.app-container .openClass .classCard .card .perinfo .headimg[data-v-23b1aeee]{width:44px;height:44px;border-radius:50%;margin-right:10px}.app-container .openClass .classCard .card .perinfo span[data-v-23b1aeee]{font-size:14px}.app-container .course[data-v-23b1aeee]{overflow:hidden;padding:40px 0;clear:both;width:100%}.app-container .course .title[data-v-23b1aeee]{font-size:36px;color:#2d3341;font-weight:700;font-family:Microsoft YaHei;line-height:1.1}.app-container .course h1[data-v-23b1aeee]{clear:both;margin:0}.app-container .course .more[data-v-23b1aeee]{cursor:pointer;width:354px;height:56px;margin-top:20px}.app-container .course .classCard[data-v-23b1aeee]{margin:auto;width:1200px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.app-container .course .classCard .card[data-v-23b1aeee]{clear:both;width:287px;height:354px;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}.app-container .course .classCard .card img[data-v-23b1aeee]{width:287px;height:185px}.app-container .course .classCard .card p[data-v-23b1aeee]{font-size:18px;width:263px;margin:auto;text-align:left;margin-bottom:10px}.app-container .course .classCard .card .perinfo[data-v-23b1aeee]{display:flex;align-items:center;color:#838a9d}.app-container .course .classCard .card .perinfo .headimg[data-v-23b1aeee]{width:44px;height:44px;border-radius:50%;margin-right:10px}.app-container .course .classCard .card .perinfo span[data-v-23b1aeee]{font-size:14px}.app-container .team-box[data-v-23b1aeee]{background-color:#e6eaed;padding:40px 0 80px}.app-container .team-box .title[data-v-23b1aeee]{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-23b1aeee]{font-weight:500;color:#838a9d;text-align:center;margin-bottom:40px}.app-container .team-box .carouselImage[data-v-23b1aeee]{margin:45px auto;width:1200px;overflow:hidden;margin:0 auto;border:1px solid #eee;position:relative}.app-container .team-box .carouselImage ul[data-v-23b1aeee]{list-style:none;padding:0;margin:0 auto}.app-container .team-box .carouselImage ul.ul-item[data-v-23b1aeee]{display:flex;cursor:pointer}.app-container .team-box .carouselImage ul.ul-item .li-item[data-v-23b1aeee]{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-23b1aeee]{width:250px;height:345px;-o-object-fit:cover;object-fit:cover}.app-container .team-box .carouselImage ul.ul-item .li-item .info[data-v-23b1aeee]{position:absolute;bottom:0;width:210px;background-color:#fff;padding:12px 20px}.app-container .team-box .carouselImage ul.ul-item .li-item .info .name[data-v-23b1aeee]{color:#000;font-size:24px}.app-container .team-box .carouselImage ul.ul-item .li-item .info .introduce[data-v-23b1aeee]{color:#ed8a42;font-size:14px;margin:15px 0 5px 0}.app-container .team-box .carouselImage ul.ul-item .li-item .absolute[data-v-23b1aeee]{display:none;position:absolute;top:0;left:0;width:210px;height:295px;padding:30px 20px 20px 20px;text-align:left;background-color:rgba(0,0,0,.1);font-family:Microsoft YaHei}.app-container .team-box .carouselImage ul.ul-item .li-item .absolute .absolutename[data-v-23b1aeee]{color:#fff;font-size:22px;font-weight:700}.app-container .team-box .carouselImage ul.ul-item .li-item .absolute .absolutetitle[data-v-23b1aeee]{color:#fff;font-size:16px;margin:30px 0 10px}.app-container .team-box .carouselImage ul.ul-item .li-item .absolute .absoluteInfo[data-v-23b1aeee]{color:#fff;font-size:14px;height:158px;overflow-y:scroll;padding-right:20px;box-sizing:content-box;width:calc(100% + 20px)}.app-container .team-box .carouselImage ul.ul-item .li-item:hover .absolute[data-v-23b1aeee]{display:block}.app-container .works-box[data-v-23b1aeee]{text-align:left;width:1200px;margin:0 auto;padding:58px 0 70px}.app-container .works-box .worksactive[data-v-23b1aeee]{background-color:#d5182f;color:#fff}.app-container .works-box .title-box[data-v-23b1aeee]{font-family:Microsoft YaHei;font-size:36px;font-weight:700;display:flex;align-items:center}.app-container .works-box .title-box .title[data-v-23b1aeee]{margin:0 20px 0 0}.app-container .works-box .title-box .title-btn[data-v-23b1aeee]{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-23b1aeee]{display:flex;justify-content:space-between;margin:40px 0 0 0}.app-container .works-box .list-box .card[data-v-23b1aeee]{width:282px;border-radius:10px;overflow:hidden;border:1px solid #ebeef5;cursor:pointer}.app-container .works-box .list-box .card img[data-v-23b1aeee]{width:282px;height:160px;-o-object-fit:cover;object-fit:cover}.app-container .works-box .list-box .card .info-box[data-v-23b1aeee]{padding:15px 10px}.app-container .works-box .list-box .card .info-box .name[data-v-23b1aeee]{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-23b1aeee]{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-23b1aeee]{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-23b1aeee]{box-shadow:0 0 10px #ebeef5}.app-container .news-box[data-v-23b1aeee]{background-color:#e6eaed;padding:40px 0}.app-container .news-box .nwes-title[data-v-23b1aeee]{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-23b1aeee]{width:1200px;margin:0 auto;display:flex;justify-content:space-between;overflow:hidden;flex-wrap:wrap}.app-container .news-box .nwes-card-box .nwes-card[data-v-23b1aeee]{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-23b1aeee]{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-23b1aeee]{padding:15px 10px 0 10px}.app-container .news-box .nwes-card-box .nwes-card .news-info-box .news-title[data-v-23b1aeee]{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-23b1aeee]{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-23b1aeee]{width:auto;padding:0 16px;flex-wrap:wrap;justify-content:center;gap:12px}.app-container .course .classCard[data-v-23b1aeee],.app-container .news-box .nwes-card-box[data-v-23b1aeee],.app-container .openClass .classCard[data-v-23b1aeee],.app-container .team-box .carouselImage[data-v-23b1aeee],.app-container .works-box[data-v-23b1aeee]{width:auto;padding:0 16px}}@media(max-width:992px){.app-container .course .classCard .card[data-v-23b1aeee],.app-container .openClass .classCard .card[data-v-23b1aeee]{width:calc(50% - 12px)}.app-container .course .classCard>div[style*="width: 281px"][data-v-23b1aeee],.app-container .openClass .classCard>div[style*="width: 281px"][data-v-23b1aeee]{display:none}.app-container .course .classCard .card img[data-v-23b1aeee],.app-container .openClass .classCard .card img[data-v-23b1aeee]{width:100%;height:auto}.app-container .works-box .list-box[data-v-23b1aeee]{display:flex;flex-wrap:wrap;gap:12px}.app-container .works-box .list-box .card[data-v-23b1aeee]{width:calc(50% - 6px)}.app-container .news-box .nwes-card-box[data-v-23b1aeee]{display:flex;flex-wrap:wrap;gap:12px}.app-container .news-box .nwes-card-box .nwes-card[data-v-23b1aeee]{width:calc(50% - 6px);height:auto}.app-container .news-box .nwes-card-box .nwes-card img[data-v-23b1aeee]{width:100%;height:auto}.app-container .team-box .carouselImage[data-v-23b1aeee]{border:none}.app-container .team-box .carouselImage ul.ul-item .li-item[data-v-23b1aeee]{width:48%;height:auto;margin:0 0 16px 0}.app-container .team-box .carouselImage ul.ul-item .li-item img[data-v-23b1aeee]{width:100%;height:auto}}@media(max-width:600px){.app-container .course .classCard .card[data-v-23b1aeee],.app-container .news-box .nwes-card-box .nwes-card[data-v-23b1aeee],.app-container .openClass .classCard .card[data-v-23b1aeee],.app-container .team-box .carouselImage ul.ul-item .li-item[data-v-23b1aeee],.app-container .works-box .list-box .card[data-v-23b1aeee]{width:100%}.app-container .course .more[data-v-23b1aeee],.app-container .openClass .more[data-v-23b1aeee]{width:80%;height:48px}}.app-container[data-v-09798a99]{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-09798a99]{width:100%;height:210px;z-index:2}.app-container .main-content .bgk-img img[data-v-09798a99]{width:100%;height:100%}.app-container .main-content .tabs-box[data-v-09798a99]{width:100%;font-size:18px;background-color:#f5f6f9;padding:0 0 60px 0}.app-container .main-content .tabs-box .tabs[data-v-09798a99]{width:1200px;margin:0 auto;display:flex;margin-top:-30px}.app-container .main-content .tabs-box .tabs .tab[data-v-09798a99]{width:300px;height:74px;background:#f5f6f9;font-weight:500;color:#2d3341;line-height:74px;cursor:pointer}.app-container .main-content .tabs-box .tabs .left[data-v-09798a99]{border-top-left-radius:20px}.app-container .main-content .tabs-box .tabs .right[data-v-09798a99]{border-top-right-radius:20px;cursor:pointer}.app-container .main-content .tabs-box .tabs .active[data-v-09798a99]{background:#fff;padding:20px 0 0 0;margin-top:-20px;border-top-right-radius:20px;border-top-left-radius:20px}.app-container .main-content .tabs-box .listbox[data-v-09798a99]{width:1140px;margin:0 auto;background:#fff;padding:30px}.app-container .main-content .tabs-box .listbox .classlist[data-v-09798a99]{width:1076px;height:98px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;cursor:pointer}.app-container .main-content .tabs-box .listbox .classlist .infobox[data-v-09798a99]{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-09798a99]{width:154px;height:98px;margin-right:25px}.app-container .main-content .tabs-box .listbox .classlist .infobox .info[data-v-09798a99]{height:60px}.app-container .main-content .tabs-box .listbox .classlist .infobox .info .title[data-v-09798a99]{display:block;color:#2d3341;margin-bottom:20px}.app-container .main-content .tabs-box .listbox .classlist .infobox .info .type[data-v-09798a99]{display:block;color:#838a9d}.app-container .main-content .tabs-box .listbox .classlist .perinfo[data-v-09798a99]{display:flex;align-items:center;width:242px}.app-container .main-content .tabs-box .listbox .classlist .perinfo img[data-v-09798a99]{width:42px;height:42px;border-radius:50%;margin-right:10px}.app-container .main-content .tabs-box .listbox .classlist .perinfo .pername[data-v-09798a99]{color:#838a9d;font-size:16px;margin-bottom:10px}.app-container .main-content .tabs-box .listbox .classlist .money[data-v-09798a99]{width:226px;color:#d5182f}.app-container .main-content .tabs-box .listbox .classlist .signup[data-v-09798a99]{width:226px}.app-container .main-content .tabs-box .listbox .classlist .signup .nums[data-v-09798a99]{color:#d5182f}@media(max-width:1200px){.app-container .main-content .tabs-box .tabs[data-v-09798a99]{width:auto;padding:0 12px}.app-container .main-content .tabs-box .listbox[data-v-09798a99]{width:auto;padding:20px 12px}}@media(max-width:992px){.app-container .main-content .tabs-box .tabs[data-v-09798a99]{flex-wrap:wrap;margin-top:0}.app-container .main-content .tabs-box .tabs .tab[data-v-09798a99]{width:50%;height:56px;line-height:56px;border-radius:0}.app-container .main-content .tabs-box .listbox .classlist[data-v-09798a99]{width:100%;height:auto;flex-wrap:wrap;align-items:flex-start;padding:12px}.app-container .main-content .tabs-box .listbox .classlist .infobox[data-v-09798a99]{width:100%;margin:0 0 10px 0}.app-container .main-content .tabs-box .listbox .classlist .infobox img[data-v-09798a99]{width:100%;height:auto;margin-right:0}.app-container .main-content .tabs-box .listbox .classlist .money[data-v-09798a99],.app-container .main-content .tabs-box .listbox .classlist .perinfo[data-v-09798a99],.app-container .main-content .tabs-box .listbox .classlist .signup[data-v-09798a99]{width:auto;margin-right:12px}}@media(max-width:600px){.app-container .main-content .tabs-box .tabs .tab[data-v-09798a99]{width:100%}.app-container .main-content .tabs-box .listbox .classlist[data-v-09798a99]{padding:10px 6px}.app-container .main-content .tabs-box .listbox .classlist .perinfo img[data-v-09798a99]{width:36px;height:36px}}.app-container[data-v-6e6f6f41]{padding:0;margin:0;font-family:Microsoft YaHei;color:#333;overflow:hidden;clear:both}.app-container .main-content .bgk-img[data-v-6e6f6f41]{width:100%;height:210px;z-index:2}.app-container .main-content .bgk-img img[data-v-6e6f6f41]{width:100%;height:100%}.app-container .main-content .tabs-box[data-v-6e6f6f41]{width:100%;font-size:18px;background-color:#f5f6f9;padding:0 0 60px 0}.app-container .main-content .tabs-box .tabs[data-v-6e6f6f41]{width:1200px;margin:0 auto;display:flex;margin-top:-30px}.app-container .main-content .tabs-box .tabs .left[data-v-6e6f6f41]{width:300px;height:74px;background:#f5f6f9;font-weight:500;color:#2d3341;line-height:74px;border-top-left-radius:20px;cursor:pointer}.app-container .main-content .tabs-box .tabs .right[data-v-6e6f6f41]{width:300px;height:74px;background:#f5f6f9;font-weight:500;color:#2d3341;line-height:74px;border-top-right-radius:20px;cursor:pointer}.app-container .main-content .tabs-box .tabs .active[data-v-6e6f6f41]{background:#fff;padding:20px 0 0 0;margin-top:-20px;border-top-right-radius:20px;border-top-left-radius:20px}.app-container .main-content .tabs-box .listbox[data-v-6e6f6f41]{width:1140px;margin:0 auto;background:#fff;display:flex;justify-content:space-between;flex-wrap:wrap;padding:30px}.app-container .main-content .tabs-box .listbox .card[data-v-6e6f6f41]{width:268px;border-radius:10px;overflow:hidden;border:1px solid #ebeef5;margin-bottom:35px;cursor:pointer;box-shadow:0 0 10px #ebeef5}.app-container .main-content .tabs-box .listbox .card img[data-v-6e6f6f41]{width:268px;height:180px;-o-object-fit:cover;object-fit:cover}.app-container .main-content .tabs-box .listbox .card .info-box[data-v-6e6f6f41]{padding:15px 10px}.app-container .main-content .tabs-box .listbox .card .info-box .name[data-v-6e6f6f41]{font-size:16px;font-family:Microsoft YaHei;font-weight:500;color:#303133;margin:0 0 12px;text-align:left}.app-container .main-content .tabs-box .listbox .card .info-box .type[data-v-6e6f6f41]{font-size:16px;color:#838a9d;margin:0 0 20px;font-family:Microsoft YaHei;font-weight:400;text-align:left}.app-container .main-content .tabs-box .listbox .card .info-box .date[data-v-6e6f6f41]{text-align:right;font-size:18px;color:#838a9d;font-weight:400;font-family:Microsoft YaHei}.app-container .main-content .tabs-box .listbox .card:hover .card[data-v-6e6f6f41]{box-shadow:0 0 10px #ebeef5}@media(max-width:1200px){.app-container .main-content .tabs-box .tabs[data-v-6e6f6f41]{width:100%;padding:0 16px;box-sizing:border-box}.app-container .main-content .tabs-box .listbox[data-v-6e6f6f41]{width:100%;padding:16px;box-sizing:border-box}}@media(max-width:992px){.app-container .main-content .tabs-box .tabs .left[data-v-6e6f6f41],.app-container .main-content .tabs-box .tabs .right[data-v-6e6f6f41]{width:50%}.app-container .main-content .tabs-box .listbox .card[data-v-6e6f6f41]{width:calc(50% - 8px)}.app-container .main-content .tabs-box .listbox .card img[data-v-6e6f6f41]{width:100%;height:auto}.app-container .main-content .tabs-box .listbox>div[style*="width: 268px"][data-v-6e6f6f41]{display:none!important}}@media(max-width:600px){.app-container .main-content .tabs-box .listbox[data-v-6e6f6f41]{padding:12px}.app-container .main-content .tabs-box .listbox .card[data-v-6e6f6f41]{width:100%}}.app-container[data-v-5bda9090]{padding:0;margin:0;font-family:Microsoft YaHei;color:#333;overflow:hidden;clear:both}.app-container .main-content[data-v-5bda9090]{overflow:visible;position:relative;background:#f5f6f9}.app-container .main-content .bgk-img[data-v-5bda9090]{width:100%;height:210px;z-index:2;position:relative}.app-container .main-content .bgk-img img[data-v-5bda9090]{width:100%;height:100%}.app-container .main-content .tabs-box[data-v-5bda9090]{width:100%;padding:0 0 60px 0;position:relative;z-index:100;overflow:visible}.app-container .main-content .tabs-box .title-box[data-v-5bda9090]{background:#fff;border-radius:20px 20px 0 0;width:1200px;font-size:36px;color:#2d3341;font-weight:700;font-family:Microsoft YaHei;line-height:1.1;margin-bottom:24px;margin:-50px auto;padding-top:74px;position:relative;z-index:3}.app-container .main-content .tabs-box .listbox[data-v-5bda9090]{width:1140px;margin:20px auto;background:#fff;padding:30px}.app-container .main-content .tabs-box .listbox .ul-item[data-v-5bda9090]{display:flex;cursor:pointer;flex-wrap:wrap;justify-content:space-between;margin-top:54px}.app-container .main-content .tabs-box .listbox .ul-item .li-item[data-v-5bda9090]{overflow:hidden;width:250px;height:345px;margin:0 0 20px 0;background-color:#fff;color:#fff;text-align:center;border-radius:10px;position:relative;box-shadow:0 .125rem .3125rem rgba(0,0,0,.1)}.app-container .main-content .tabs-box .listbox .ul-item .li-item img[data-v-5bda9090]{width:250px;height:345px;-o-object-fit:cover;object-fit:cover}.app-container .main-content .tabs-box .listbox .ul-item .li-item .info[data-v-5bda9090]{position:absolute;bottom:0;width:210px;background-color:#fff;padding:12px 20px;transition:transform .3s ease-in-out}.app-container .main-content .tabs-box .listbox .ul-item .li-item .info .name[data-v-5bda9090]{color:#000;font-size:24px}.app-container .main-content .tabs-box .listbox .ul-item .li-item .info .introduce[data-v-5bda9090]{color:#ed8a42;font-size:14px;margin:15px 0 5px 0}.app-container .main-content .tabs-box .listbox .ul-item .li-item:hover .info[data-v-5bda9090]{transform:translateY(100%)}.app-container .main-content .tabs-box .listbox .ul-item .li-item .absolute[data-v-5bda9090]{display:none;position:absolute;top:0;left:0;width:210px;height:295px;padding:30px 20px 20px 20px;text-align:left;background-color:rgba(0,0,0,.1);font-family:Microsoft YaHei}.app-container .main-content .tabs-box .listbox .ul-item .li-item .absolute .absolutename[data-v-5bda9090]{color:#fff;font-size:22px;font-weight:700}.app-container .main-content .tabs-box .listbox .ul-item .li-item .absolute .absolutetitle[data-v-5bda9090]{color:#fff;font-size:16px;margin:30px 0 10px}.app-container .main-content .tabs-box .listbox .ul-item .li-item .absolute .absoluteInfo[data-v-5bda9090]{color:#fff;font-size:14px;height:158px;overflow-y:scroll;padding-right:20px;box-sizing:content-box;width:calc(100% + 20px)}.app-container .main-content .tabs-box .listbox .ul-item .li-item:hover .absolute[data-v-5bda9090]{display:block}@media(max-width:1200px){.app-container .main-content .tabs-box .title-box[data-v-5bda9090]{width:auto;margin:0;margin-top:-50px;padding:74px 16px 0}.app-container .main-content .tabs-box .listbox[data-v-5bda9090]{width:auto;margin:20px 16px;padding:16px}}@media(max-width:992px){.app-container .main-content .tabs-box .listbox .ul-item[data-v-5bda9090]{justify-content:center;gap:12px}.app-container .main-content .tabs-box .listbox .ul-item .li-item[data-v-5bda9090]{width:calc(50% - 6px);height:auto}.app-container .main-content .tabs-box .listbox .ul-item .li-item img[data-v-5bda9090]{width:100%;height:auto}.app-container .main-content .tabs-box .listbox .ul-item>div[style*="width: 268px"][data-v-5bda9090]{display:none}}@media(max-width:600px){.app-container .main-content .tabs-box .listbox .ul-item .li-item[data-v-5bda9090]{width:100%}}.app-container[data-v-6e975076]{padding:0;margin:0;font-family:Microsoft YaHei;color:#333;overflow:hidden;clear:both}.app-container .main-content[data-v-6e975076]{overflow:visible;position:relative;background:#f5f6f9}.app-container .main-content .bgk-img[data-v-6e975076]{width:100%;height:210px;z-index:2;position:relative}.app-container .main-content .bgk-img img[data-v-6e975076]{width:100%;height:100%}.app-container .main-content .contentbox[data-v-6e975076]{margin:20px auto;width:1250px;display:flex;justify-content:space-between}.app-container .main-content .contentbox .right[data-v-6e975076]{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-6e975076]{display:flex;margin-left:20px}.app-container .main-content .contentbox .right .buttonbox .button[data-v-6e975076]{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-6e975076]{background:#d5182f;color:#fff}.app-container .main-content .contentbox .right .newsList[data-v-6e975076]{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-6e975076]{width:251px;height:168px;border-radius:10px}.app-container .main-content .contentbox .right .newsList .content[data-v-6e975076]{width:563px;height:168px;text-align:left}.app-container .main-content .contentbox .right .newsList .content .title[data-v-6e975076]{color:#2d3341;font-size:24px;margin:0 0 10px}.app-container .main-content .contentbox .right .newsList .content .introduce[data-v-6e975076]{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-6e975076]{color:#838a9d;font-size:16px}.app-container .main-content .contentbox .left .titlebox[data-v-6e975076]{display:flex;align-items:center;margin:0 0 30px}.app-container .main-content .contentbox .left .titlebox .linebox[data-v-6e975076]{width:7px;height:36px;background:#f65f58;border-radius:5px;margin-right:20px}.app-container .main-content .contentbox .left .titlebox .title[data-v-6e975076]{color:#2d3341;font-size:30px}.app-container .main-content .contentbox .left .card[data-v-6e975076]{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-6e975076]:hover{transform:translateY(-5px);box-shadow:0 .25rem .5rem rgba(0,0,0,.15)}.app-container .main-content .contentbox .left .card img[data-v-6e975076]{width:287px;height:185px}.app-container .main-content .contentbox .left .card p[data-v-6e975076]{font-size:18px;margin:auto;text-align:left;margin-bottom:20px}.app-container .main-content .contentbox .left .card .perinfo[data-v-6e975076]{display:flex;align-items:center;color:#838a9d}.app-container .main-content .contentbox .left .card .perinfo .headimg[data-v-6e975076]{width:44px;height:44px;border-radius:50%;margin-right:10px}.app-container .main-content .contentbox .left .card .perinfo span[data-v-6e975076]{font-size:14px}@media(max-width:1200px){.app-container .main-content .contentbox[data-v-6e975076]{width:auto;max-width:100%;padding:0 16px}.app-container .main-content .right[data-v-6e975076]{width:100%;margin:0 0 20px 0;padding:24px 12px;border-radius:12px}.app-container .main-content .left[data-v-6e975076]{width:100%;margin:0}}@media(max-width:992px){.app-container .main-content .contentbox[data-v-6e975076]{display:flex;flex-direction:column}.app-container .main-content .right .buttonbox[data-v-6e975076]{margin-left:0;flex-wrap:wrap}.app-container .main-content .right .buttonbox .button[data-v-6e975076]{font-size:16px;line-height:28px;padding:4px 14px}.app-container .main-content .right .newsList[data-v-6e975076]{flex-direction:column;align-items:flex-start;padding:0 0 16px}.app-container .main-content .right .newsList img[data-v-6e975076]{width:100%;height:auto;margin-bottom:12px}.app-container .main-content .right .newsList .content[data-v-6e975076]{width:100%;height:auto}}@media(max-width:600px){.app-container .main-content .bgk-img[data-v-6e975076]{height:140px}.app-container .main-content .right[data-v-6e975076]{padding:16px 10px}.app-container .main-content .right .newsList .title[data-v-6e975076]{font-size:18px}.app-container .main-content .right .newsList .introduce[data-v-6e975076]{font-size:14px}.app-container .main-content .right .newsList .date[data-v-6e975076]{font-size:12px}}.app-container[data-v-9b32385a]{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-9b32385a]{width:1200px;margin:0 auto;overflow:visible;position:relative}.app-container .main-content .head[data-v-9b32385a]{width:100%;display:flex;align-items:center;padding:20px 0}.app-container .main-content .head .breadcrumb[data-v-9b32385a]{font-size:14px}.app-container .main-content .head .breadcrumb span[data-v-9b32385a]{margin-right:5px;cursor:default}.app-container .main-content .head .breadcrumb .route[data-v-9b32385a]:hover{cursor:pointer}.app-container .main-content .content[data-v-9b32385a]{width:100%;display:flex;justify-content:space-between;margin-bottom:100px}.app-container .main-content .content .left[data-v-9b32385a]{width:740px;padding:30px;background:#fff;border-radius:10px}.app-container .main-content .content .left .title[data-v-9b32385a]{font-size:30px;color:#2d3341;margin-bottom:30px}.app-container .main-content .content .left .date[data-v-9b32385a]{font-size:16px;color:#838a9d;margin-bottom:16px}.app-container .main-content .content .right[data-v-9b32385a]{width:320px;height:800px;background-color:#fff;padding:30px;border-radius:10px}.app-container .main-content .content .right .titlebox[data-v-9b32385a]{margin-bottom:30px;display:flex;align-items:center}.app-container .main-content .content .right .titlebox .linebox[data-v-9b32385a]{background:#f65f58;border-radius:10px;margin-right:20px;width:7px;height:36px}.app-container .main-content .content .right .titlebox .title[data-v-9b32385a]{font-size:30px;color:#2d3341}.app-container .main-content .content .right .newsList .newstitle[data-v-9b32385a]{display:flex;width:100%}.app-container .main-content .content .right .newsList img[data-v-9b32385a]{width:23px;height:14px;margin-right:10px}.app-container .main-content .content .right .newsList .title[data-v-9b32385a]{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-9b32385a]{font-size:14px;color:#838a9d}@media(max-width:1200px){.main-content[data-v-9b32385a]{width:auto;max-width:100%;padding:0 16px}.content .left[data-v-9b32385a]{width:100%}.content .right[data-v-9b32385a]{width:100%;margin-top:16px;height:auto}}@media(max-width:992px){.content[data-v-9b32385a]{flex-direction:column}.left .title[data-v-9b32385a]{font-size:24px}}@media(max-width:600px){.head[data-v-9b32385a]{padding:12px 0}.left[data-v-9b32385a],.right[data-v-9b32385a]{padding:16px}.left .title[data-v-9b32385a]{font-size:20px}}.app-container[data-v-b240aad6]{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-b240aad6]{width:1200px;margin:0 auto;overflow:visible;position:relative}.app-container .main-content .title[data-v-b240aad6]{margin:18px 0 0;font-size:18px}.app-container .main-content .head[data-v-b240aad6]{width:100%;display:flex;align-items:center;padding:20px 0}.app-container .main-content .head .breadcrumb[data-v-b240aad6]{font-size:14px}.app-container .main-content .head .breadcrumb span[data-v-b240aad6]{margin-right:5px;cursor:default}.app-container .main-content .head .breadcrumb .route[data-v-b240aad6]:hover{cursor:pointer}.app-container .main-content .content[data-v-b240aad6]{width:100%;display:flex;justify-content:space-between;margin-bottom:100px}.app-container .main-content .content .left[data-v-b240aad6]{width:760px;padding:0 20px 20px 20px;background:#fff;border-radius:10px}.app-container .main-content .content .right .teacherbox[data-v-b240aad6]{width:328px;padding:26px;background-color:#fff;border-radius:10px}.app-container .main-content .content .right .teacherbox .head[data-v-b240aad6]{width:100%;display:flex;align-items:center;margin-bottom:20px}.app-container .main-content .content .right .teacherbox .head img[data-v-b240aad6]{width:72px;height:72px;border-radius:50%;margin-right:16px}.app-container .main-content .content .right .teacherbox .head .name[data-v-b240aad6]{font-size:18px;color:#2d3341;font-weight:700;margin-bottom:16px}.app-container .main-content .content .right .teacherbox .head .type[data-v-b240aad6]{font-size:16px;color:#2d3341}.app-container .main-content .content .right .teacherbox .course[data-v-b240aad6]{font-size:20px;color:#2d3341;margin-bottom:32px}.app-container .main-content .content .right .teacherbox .nums[data-v-b240aad6]{font-size:16px;color:#2d3341;margin-bottom:10px}.app-container .main-content .content .right .teacherbox .price[data-v-b240aad6]{font-size:20px;color:#d5182f;margin-bottom:60px}.app-container .main-content .content .right .teacherbox .btn[data-v-b240aad6]{display:flex;justify-content:center;width:100%}.app-container .main-content .content .right .titlebox[data-v-b240aad6]{display:flex;align-items:center;margin:0 0 30px}.app-container .main-content .content .right .titlebox .linebox[data-v-b240aad6]{width:7px;height:36px;background:#f65f58;border-radius:5px;margin-right:20px}.app-container .main-content .content .right .titlebox .title[data-v-b240aad6]{color:#2d3341;font-size:30px}.app-container .main-content .content .right .card[data-v-b240aad6]{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-b240aad6]{width:360px;height:185px}.app-container .main-content .content .right .card p[data-v-b240aad6]{font-size:18px;margin:auto;text-align:left;margin-bottom:20px}.app-container .main-content .content .right .card .perinfo[data-v-b240aad6]{display:flex;align-items:center;color:#838a9d}.app-container .main-content .content .right .card .perinfo .headimg[data-v-b240aad6]{width:44px;height:44px;border-radius:50%;margin-right:10px}.app-container .main-content .content .right .card .perinfo span[data-v-b240aad6]{font-size:14px}@media(max-width:1200px){.app-container .main-content[data-v-b240aad6]{width:100%;padding:0 16px;box-sizing:border-box}}@media(max-width:992px){.app-container .main-content .content[data-v-b240aad6]{flex-direction:column}.app-container .main-content .content .left[data-v-b240aad6]{width:100%;margin-bottom:16px}.app-container .main-content .content .right .card[data-v-b240aad6],.app-container .main-content .content .right .teacherbox[data-v-b240aad6]{width:100%}.app-container .main-content .content .right .card img[data-v-b240aad6]{width:100%;height:auto}}@media(max-width:600px){.app-container .main-content[data-v-b240aad6]{padding:0 12px}.app-container .main-content .title[data-v-b240aad6]{font-size:16px}.app-container .main-content .head .breadcrumb[data-v-b240aad6]{font-size:12px}.app-container .main-content .content[data-v-b240aad6]{gap:12px;margin-bottom:40px}.app-container .main-content .content .left[data-v-b240aad6],.app-container .main-content .content .right .card[data-v-b240aad6],.app-container .main-content .content .right .teacherbox[data-v-b240aad6]{padding:12px}.app-container .main-content .content .right .card img[data-v-b240aad6]{width:100%;height:auto}.app-container .main-content .content .right .titlebox .title[data-v-b240aad6]{font-size:22px}}.app-container[data-v-22ddcc5e]{background:#f5f7fa;min-height:100vh;font-family:Microsoft YaHei,sans-serif}.app-container .main-content[data-v-22ddcc5e]{max-width:1200px;margin:0 auto;padding:0 20px}.app-container .main-content .head[data-v-22ddcc5e]{padding:20px 0;display:flex;align-items:center;color:#666;font-size:14px}.app-container .main-content .head .breadcrumb .route[data-v-22ddcc5e]{color:#409eff;cursor:pointer}.app-container .main-content .head .breadcrumb .route[data-v-22ddcc5e]:hover{text-decoration:underline}.app-container .main-content .profile-container[data-v-22ddcc5e]{display:flex;gap:24px;margin-bottom:40px}.app-container .main-content .profile-container .sidebar[data-v-22ddcc5e]{width:280px}.app-container .main-content .profile-container .sidebar .user-card[data-v-22ddcc5e]{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-22ddcc5e]{display:flex;align-items:center}.app-container .main-content .profile-container .sidebar .user-card .avatar-wrapper .avatar[data-v-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{margin-right:12px;font-size:18px;color:#718096}.app-container .main-content .profile-container .sidebar .menu-nav .nav-item span[data-v-22ddcc5e]{color:#4a5568;font-weight:500}.app-container .main-content .profile-container .sidebar .menu-nav .nav-item[data-v-22ddcc5e]:hover{background:#f8fafc}.app-container .main-content .profile-container .sidebar .menu-nav .nav-item.active[data-v-22ddcc5e]{background:#e3f2fd;border-right:3px solid #2196f3}.app-container .main-content .profile-container .sidebar .menu-nav .nav-item.active i[data-v-22ddcc5e],.app-container .main-content .profile-container .sidebar .menu-nav .nav-item.active span[data-v-22ddcc5e]{color:#2196f3}.app-container .main-content .profile-container .sidebar .menu-nav .nav-item[data-v-22ddcc5e]:last-child{border-bottom:none}.app-container .main-content .profile-container .content-area[data-v-22ddcc5e]{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-22ddcc5e]{padding:32px 32px 24px 32px;border-bottom:1px solid #e2e8f0}.app-container .main-content .profile-container .content-area .section-header h2[data-v-22ddcc5e]{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-22ddcc5e]{margin:0;color:#718096;font-size:14px}.app-container .main-content .profile-container .content-area .profile-content[data-v-22ddcc5e]{padding:32px}.app-container .main-content .profile-container .content-area .profile-content h3[data-v-22ddcc5e]{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-22ddcc5e]{margin-bottom:40px}.app-container .main-content .profile-container .content-area .profile-content .avatar-section .avatar-upload[data-v-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{font-size:12px}.app-container .main-content .profile-container .content-area .profile-content .avatar-section .avatar-upload .avatar-preview:hover .upload-overlay[data-v-22ddcc5e]{opacity:1}.app-container .main-content .profile-container .content-area .profile-content .avatar-section .avatar-upload .upload-tips[data-v-22ddcc5e]{flex:1}.app-container .main-content .profile-container .content-area .profile-content .avatar-section .avatar-upload .upload-tips p[data-v-22ddcc5e]{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-22ddcc5e]{margin-bottom:40px}.app-container .main-content .profile-container .content-area .profile-content .basic-info .section-header[data-v-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{flex:1;color:#2d3748}.app-container .main-content .profile-container .content-area .profile-content .basic-info .info-grid .info-item .status[data-v-22ddcc5e]{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-22ddcc5e]{background:#f1f5f9;color:#718096}.app-container .main-content .profile-container .content-area .profile-content .basic-info .info-grid .info-item[data-v-22ddcc5e]:last-child{border-bottom:none}.app-container .main-content .profile-container .content-area .profile-content .basic-info .info-grid .info-row[data-v-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{flex:1;color:#2d3748}.app-container .main-content .profile-container .content-area .profile-content .basic-info .info-grid .info-row .status[data-v-22ddcc5e]{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-22ddcc5e]{background:#f1f5f9;color:#718096}.app-container .main-content .profile-container .content-area .profile-content .basic-info .info-grid .info-row[data-v-22ddcc5e]:last-child{border-bottom:none}.app-container .main-content .profile-container .content-area .profile-content .security-section .security-item[data-v-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{color:#718096;font-size:14px}.app-container .main-content .profile-container .content-area .profile-content .security-section .security-item[data-v-22ddcc5e]:last-child{border-bottom:none}.app-container .main-content .profile-container .content-area .course-tabs[data-v-22ddcc5e]{display:flex;border-bottom:1px solid #e2e8f0}.app-container .main-content .profile-container .content-area .course-tabs .tab-item[data-v-22ddcc5e]{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-22ddcc5e]{margin-right:8px;font-size:16px}.app-container .main-content .profile-container .content-area .course-tabs .tab-item .count[data-v-22ddcc5e]{margin-left:8px;color:#718096;font-size:14px}.app-container .main-content .profile-container .content-area .course-tabs .tab-item.active[data-v-22ddcc5e],.app-container .main-content .profile-container .content-area .course-tabs .tab-item[data-v-22ddcc5e]:hover{color:#2196f3}.app-container .main-content .profile-container .content-area .course-tabs .tab-item.active[data-v-22ddcc5e]: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-22ddcc5e]{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-22ddcc5e]{text-align:center;padding:80px 0;color:#a0aec0}.app-container .main-content .profile-container .content-area .course-list .empty-state i[data-v-22ddcc5e]{font-size:64px;margin-bottom:16px;display:block}.app-container .main-content .profile-container .content-area .course-list .empty-state h3[data-v-22ddcc5e]{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-22ddcc5e]{margin:0;color:#718096}.app-container .main-content .profile-container .content-area .course-list .course-item[data-v-22ddcc5e]{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-22ddcc5e]: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-22ddcc5e]{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-22ddcc5e]{font-size:16px;color:#fff}.app-container .main-content .profile-container .content-area .course-list .course-item .course-content[data-v-22ddcc5e]{flex:1;min-width:0}.app-container .main-content .profile-container .content-area .course-list .course-item .course-content .course-header[data-v-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{background:linear-gradient(135deg,#4834d4,#686de0)}.app-container .main-content .profile-container .content-area .course-list .course-item .course-content .course-meta[data-v-22ddcc5e]{margin-bottom:8px}.app-container .main-content .profile-container .content-area .course-list .course-item .course-content .course-meta .create-time[data-v-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{font-size:13px;color:#6c757d;font-weight:600}.app-container .main-content .profile-container .content-area .course-list .course-item .course-action[data-v-22ddcc5e]{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-22ddcc5e]:hover{color:#3498db}.app-container .main-content .profile-container .content-area .public-courses-section .section-header[data-v-22ddcc5e]{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-22ddcc5e]{flex:1}.app-container .main-content .profile-container .content-area .public-courses-section .section-header .header-left h2[data-v-22ddcc5e]{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-22ddcc5e]{margin:0;color:#718096;font-size:14px}.app-container .main-content .profile-container .content-area .public-courses-section .section-header .header-right[data-v-22ddcc5e]{flex-shrink:0;margin-left:20px}.app-container .main-content .profile-container .content-area .public-courses-section .public-course-content-container[data-v-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]: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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]:hover{color:#3498db}.app-container .main-content .profile-container .content-area .courses-section .section-header[data-v-22ddcc5e]{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-22ddcc5e]{flex:1}.app-container .main-content .profile-container .content-area .courses-section .section-header .header-left h2[data-v-22ddcc5e]{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-22ddcc5e]{margin:0;color:#718096;font-size:14px}.app-container .main-content .profile-container .content-area .courses-section .section-header .header-right[data-v-22ddcc5e]{flex-shrink:0;margin-left:20px}.app-container .main-content .profile-container .content-area .courses-section .section-header .header-right .search-input[data-v-22ddcc5e]{width:300px}.app-container .main-content .profile-container .content-area .courses-section .section-header .back-section[data-v-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]:hover{color:#1976d2}.app-container .main-content .profile-container .content-area .courses-section .section-header .header-actions[data-v-22ddcc5e]{display:flex;gap:12px}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-pagination[data-v-22ddcc5e]{margin-top:20px;text-align:center}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container[data-v-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]::-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-22ddcc5e]::-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-22ddcc5e]::-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-22ddcc5e]::-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-22ddcc5e],.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .loading-state[data-v-22ddcc5e]{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-22ddcc5e],.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .loading-state i[data-v-22ddcc5e]{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-22ddcc5e],.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .loading-state p[data-v-22ddcc5e]{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-22ddcc5e]{color:#2196f3}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .loading-state i[data-v-22ddcc5e]{animation:spin-22ddcc5e 1s linear infinite}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .empty-state[data-v-22ddcc5e]{color:#a0aec0}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .empty-state i[data-v-22ddcc5e]{color:#cbd5e0}.app-container .main-content .profile-container .content-area .courses-section .class-list-view .class-grid-container .class-grid[data-v-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]: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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{font-size:12px}.app-container .main-content .profile-container .content-area .courses-section .course-list-view .section-header[data-v-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{font-size:16px}.app-container .main-content .profile-container .content-area .courses-section .course-list-view .course-tabs .tab-item span[data-v-22ddcc5e]{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-22ddcc5e]{color:#718096;font-size:12px}.app-container .main-content .profile-container .content-area .courses-section .course-list-view .course-tabs .tab-item[data-v-22ddcc5e]: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-22ddcc5e]{color:#2196f3;background:#fff}.app-container .main-content .profile-container .content-area .courses-section .course-list-view .course-tabs .tab-item.active[data-v-22ddcc5e]: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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{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-22ddcc5e]{margin:0;font-size:14px}[data-v-22ddcc5e] .el-dialog{border-radius:12px}[data-v-22ddcc5e] .el-dialog .el-dialog__header{padding:24px 24px 0 24px}[data-v-22ddcc5e] .el-dialog .el-dialog__header .el-dialog__title{font-size:18px;font-weight:600}[data-v-22ddcc5e] .el-dialog .el-dialog__body{padding:24px}[data-v-22ddcc5e] .el-dialog .el-dialog__footer{padding:0 24px 24px 24px}.class-detail .class-info-header[data-v-22ddcc5e]{display:flex;gap:20px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e2e8f0}.class-detail .class-info-header .class-cover[data-v-22ddcc5e]{width:120px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0}.class-detail .class-info-header .class-cover img[data-v-22ddcc5e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.class-detail .class-info-header .class-basic-info[data-v-22ddcc5e]{flex:1}.class-detail .class-info-header .class-basic-info h3[data-v-22ddcc5e]{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-22ddcc5e]{margin:0 0 12px 0;color:#718096;font-size:16px}.class-detail .class-info-header .class-basic-info .class-stats[data-v-22ddcc5e]{display:flex;gap:20px}.class-detail .class-info-header .class-basic-info .class-stats span[data-v-22ddcc5e]{color:#718096;font-size:14px;display:flex;align-items:center}.class-detail .class-info-header .class-basic-info .class-stats span i[data-v-22ddcc5e]{margin-right:6px;color:#2196f3}.class-detail .class-courses .courses-header[data-v-22ddcc5e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.class-detail .class-courses .courses-header h4[data-v-22ddcc5e]{margin:0;font-size:16px;font-weight:600;color:#2d3748}.class-detail .class-courses .empty-courses[data-v-22ddcc5e]{text-align:center;padding:40px 0;color:#a0aec0}.class-detail .class-courses .empty-courses i[data-v-22ddcc5e]{font-size:48px;margin-bottom:12px;display:block;color:#cbd5e0}.class-detail .class-courses .empty-courses p[data-v-22ddcc5e]{margin:0;color:#718096;font-size:14px}.cover-upload .upload-area[data-v-22ddcc5e]{border:2px dashed #d9d9d9;border-radius:8px;cursor:pointer;transition:border-color .3s ease}.cover-upload .upload-area[data-v-22ddcc5e]:hover{border-color:#2196f3}.cover-upload .upload-area .cover-preview[data-v-22ddcc5e]{position:relative;width:200px;height:120px}.cover-upload .upload-area .cover-preview img[data-v-22ddcc5e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:6px}.cover-upload .upload-area .cover-preview .cover-overlay[data-v-22ddcc5e]{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-22ddcc5e]{font-size:20px;margin-bottom:4px}.cover-upload .upload-area .cover-preview .cover-overlay span[data-v-22ddcc5e]{font-size:12px}.cover-upload .upload-area .cover-preview:hover .cover-overlay[data-v-22ddcc5e]{opacity:1}.cover-upload .upload-area .upload-placeholder[data-v-22ddcc5e]{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-22ddcc5e]{font-size:32px;margin-bottom:8px;color:#ccc}.cover-upload .upload-area .upload-placeholder p[data-v-22ddcc5e]{margin:0 0 4px 0;font-size:14px}.cover-upload .upload-area .upload-placeholder .upload-tip[data-v-22ddcc5e]{font-size:12px;color:#bbb}@media(max-width:1200px){.profile-container[data-v-22ddcc5e]{flex-direction:column}.profile-container .courses-section .courses-layout[data-v-22ddcc5e]{flex-direction:column;height:auto}.profile-container .courses-section .courses-layout .class-sidebar[data-v-22ddcc5e]{width:100%;margin-bottom:20px}}@keyframes spin-22ddcc5e{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:1200px){.player-container[data-v-890167d6]{padding:0 12px}}@media(max-width:992px){.top-service-bar[data-v-890167d6]{flex-wrap:wrap}.videobox[data-v-890167d6]{padding:0}.player-wrapper[data-v-890167d6]{width:100%;height:56vw}.videoinfo[data-v-890167d6]{display:flex;flex-direction:column}.player-container iframe[data-v-890167d6]{min-height:60vh!important}}@media(max-width:600px){.player-wrapper[data-v-890167d6]{height:58vw}.top-service-bar .welcome-text[data-v-890167d6]{font-size:14px}}.player-container .top-service-bar[data-v-890167d6]{width:90%;display:flex;justify-content:space-between}.player-container .videobox[data-v-890167d6]{background-color:#131519;padding:1.25rem}.player-container .videobox .player-wrapper[data-v-890167d6]{width:100%;height:700px}.player-container .videobox .videoinfo[data-v-890167d6]{margin-top:20px;width:100%;height:50px;background:#131519;display:flex;align-items:center;padding:0 15px}.player-container .videobox .info-right[data-v-890167d6]{display:flex;align-items:center}.player-container .videobox .info-right .title-container[data-v-890167d6]{color:#fff;font-size:18px;margin-right:12px}.player-container .videobox .info-right .status[data-v-890167d6]{color:#67c23a;font-size:12px}.player-container .videobox .info-right .teacher[data-v-890167d6]{color:#909399;margin-left:10px}.top-service-bar{border:1px;padding:25px 20px 10px 0;text-align:right;color:#666;display:flex;margin:0 auto;justify-content:space-around;align-items:center;width:900px;height:70px;clear:both}.top-service-bar .img{width:80px;height:70px}.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 .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}@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:12px;padding-right:12px}.top-service-bar{justify-content:space-between}}@media(max-width:992px){.top-service-bar{flex-direction:column;align-items:flex-start;height:auto;gap:8px}.navigation-menu{width:100%!important;flex-wrap:wrap;gap:12px;justify-content:flex-start}.content,.navigation-menu{padding-left:12px;padding-right:12px}.carouselImage,.classCard,.course .classCard,.news-box .nwes-card-box,.team-box .carouselImage,.works-box{width:100%!important;max-width:100%!important}.classCard .card,.news-box .nwes-card-box .nwes-card,.works-box .list-box .card{width:calc(50% - 10px)!important}.el-carousel,.el-carousel__container{height:280px!important}}@media(max-width:600px){.classCard .card,.news-box .nwes-card-box .nwes-card,.works-box .list-box .card{width:100%!important}img{max-width:100%!important;height:auto!important}.nwes-title,.title{font-size:20px!important}.bottom .bottom-type{flex-wrap:wrap}.el-carousel,.el-carousel__container{height:200px!important}}@media(max-width:768px){.profile-container{flex-direction:column!important}.profile-container .content-area,.profile-container .sidebar{width:100%!important}.course .classCard .card p,.news-box .nwes-card-box .nwes-card .news-info-box .news-title,.works-box .list-box .card .info-box .name{font-size:14px!important}}.login-dialog .login-content[data-v-4af6af9f]{padding:20px 0}.login-dialog .user-type-switch[data-v-4af6af9f]{display:flex;justify-content:center;margin-bottom:30px;gap:20px}.login-dialog .user-type-switch .type-btn[data-v-4af6af9f]{width:120px;height:40px;border-radius:20px;font-size:16px;transition:all .3s ease}.login-dialog .login-form .el-form-item[data-v-4af6af9f]{margin-bottom:20px}.login-dialog .login-form .el-input[data-v-4af6af9f]{height:45px}.login-dialog .login-form .el-input[data-v-4af6af9f] .el-input__inner{height:45px;line-height:45px;border-radius:8px;font-size:16px}.login-dialog .login-form .login-btn[data-v-4af6af9f]{width:100%;height:45px;border-radius:8px;font-size:18px;font-weight:600;margin-top:10px}[data-v-4af6af9f] .el-dialog{border-radius:15px;overflow:hidden}[data-v-4af6af9f] .el-dialog__header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;text-align:center}[data-v-4af6af9f] .el-dialog__header .el-dialog__title{font-size:20px;font-weight:600}[data-v-4af6af9f] .el-dialog__header .el-dialog__close{color:#fff;font-size:18px}[data-v-4af6af9f] .el-dialog__header .el-dialog__close:hover{color:#f0f0f0}[data-v-4af6af9f] .el-dialog__body{padding:30px 40px}