.ban[data-v-51e1e120]{height:349px;position:relative;width:100%}.ban-box[data-v-51e1e120]{display:flex;flex-direction:row-reverse;left:50%;position:absolute;top:50px;transform:translateX(-50%)}.ban-main[data-v-51e1e120]{background:#fff;border-radius:10px;box-shadow:0 0 20px 0 rgba(56,145,255,.2);height:269px;padding:20px;width:298px}.ban-main-info[data-v-51e1e120]{align-items:center;border-bottom:1px solid #dcdcdc;display:flex;padding-bottom:20px}.ban-main-avatar[data-v-51e1e120]{background:#e5efff;border-radius:50%;height:74px;overflow:hidden;width:74px}.ban-main-login[data-v-51e1e120]{margin-left:20px}.ban-main-login p[data-v-51e1e120]{color:#666;font-size:14px}.ban-main-login div[data-v-51e1e120]{align-items:center;background:linear-gradient(0deg,#58a3ff,#3891ff);border-radius:16px;box-shadow:1px 2px 4px 0 rgba(56,145,255,.2);color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;margin-top:7px;width:98px}.ban-main-col[data-v-51e1e120]{flex:1;margin-left:20px}.ban-main-name[data-v-51e1e120]{font-size:20px}.ban-main-convert[data-v-51e1e120]{align-items:center;display:flex;font-size:14px;margin-top:9px}.ban-main-convert p[data-v-51e1e120]{color:#666}.ban-main-convert div[data-v-51e1e120]{background:linear-gradient(0deg,#58a3ff,#3891ff);border-radius:12px;box-shadow:1px 2px 4px 0 rgba(56,145,255,.2);color:#fff;height:24px;line-height:24px;margin-left:13px;text-align:center;width:76px}.ban-main-tool[data-v-51e1e120]{flex-wrap:wrap}.ban-main-row[data-v-51e1e120],.ban-main-tool[data-v-51e1e120]{align-items:center;display:flex;justify-content:space-between}.ban-main-row[data-v-51e1e120]{cursor:pointer;filter:grayscale(1);flex-direction:column;height:45px;margin-top:22px;width:33.3%}.ban-main-row[data-v-51e1e120]:hover{filter:grayscale(0)!important}.ban-main-icon[data-v-51e1e120]{display:flex;width:22px}.ban-main-row:nth-child(2) .ban-main-icon[data-v-51e1e120]{width:23px}.ban-main-row:nth-child(4) .ban-main-icon[data-v-51e1e120]{width:24px}.ban-main-row:nth-child(5) .ban-main-icon[data-v-51e1e120]{width:18px}.ban-main-text[data-v-51e1e120]{color:#3891ff;font-size:14px}.part[data-v-51e1e120]{margin-bottom:36px}.part-piece[data-v-51e1e120]{display:flex;justify-content:space-between}.part-recom[data-v-51e1e120]{height:731px;margin-top:14px;position:sticky;top:15px}.child[data-v-51e1e120]{position:relative;width:887px}.recom[data-v-62092aab]{width:260px}.recom-title[data-v-62092aab]{justify-content:space-between;margin-bottom:12px}.recom-col[data-v-62092aab],.recom-title[data-v-62092aab]{align-items:center;display:flex}.recom-col div[data-v-62092aab]{width:24px}.recom-col p[data-v-62092aab]{font-size:18px;font-weight:600;margin-left:8px}.recom-more[data-v-62092aab]{align-items:center;color:#999;cursor:pointer;display:flex;filter:grayscale(1);font-size:14px;transition:all .3s}.recom-more div[data-v-62092aab]{margin-left:5px;width:12px}.recom-more[data-v-62092aab]:hover{color:#3891ff;filter:grayscale(0)}.recom-lesson li[data-v-62092aab]{margin-bottom:30px}.recom-lesson li[data-v-62092aab]:last-child{margin-bottom:0}.arrow[data-v-c9948892]{align-items:center;color:#999;cursor:pointer;display:flex;filter:grayscale(1);font-size:14px;transition:all .3s}.arrow-img[data-v-c9948892]{margin-left:2px;width:12px}.arrow[data-v-c9948892]:hover{color:#3891ff;filter:grayscale(0)}.course[data-v-dd11ecf8]{cursor:pointer;width:260px}.course-img[data-v-dd11ecf8]{border-radius:4px;height:146px;overflow:hidden;position:relative;width:100%}.course-img-hover[data-v-dd11ecf8]{background:rgba(0,0,0,.7);height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .3s;width:100%}.course-img-hover-icon[data-v-dd11ecf8]{height:40px;left:50%;margin-left:-20px;margin-top:-20px;position:absolute;top:50%;transform:scale(3);transition:all .3s;width:40px}.course-img-main[data-v-dd11ecf8]{transition:all .3s}.course-img:hover .course-img-hover[data-v-dd11ecf8]{opacity:1}.course-img:hover .course-img-hover-icon[data-v-dd11ecf8]{transform:scale(1)}.course-img:hover .course-img-main[data-v-dd11ecf8]{transform:scale(1.2)}.course-title[data-v-dd11ecf8]{color:#32373e;font-size:15px;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-col[data-v-dd11ecf8]{align-items:center;display:flex;justify-content:space-between;margin-top:11px}.course-col p[data-v-dd11ecf8]{color:#999;font-size:12px}.course-col div[data-v-dd11ecf8]{background:linear-gradient(0deg,#58a3ff,#3891ff);border-radius:16px;box-shadow:1px 2px 4px 0 rgba(56,145,255,.2);color:#fff;font-size:14px;height:32px;line-height:32px;text-align:center;transition:all .3s;width:100px}.course-col div[data-v-dd11ecf8]:hover{background:#fff;border:1px solid #3891ff;color:#3891ff}.hot[data-v-773892cc]{display:flex;justify-content:space-between}.hot-left[data-v-773892cc]{width:570px}.hot-left-banner[data-v-773892cc]{justify-content:space-between;margin-top:30px}.hot-left-banner[data-v-773892cc],.hot-left-row[data-v-773892cc]{align-items:center;display:flex}.hot-left-row[data-v-773892cc]{cursor:pointer}.hot-left-icon[data-v-773892cc]{height:56px;margin-right:12px;width:56px}.hot-left-text p[data-v-773892cc]:first-child{color:#666;font-size:18px;margin-bottom:8px}.hot-left-text p[data-v-773892cc]:nth-child(2){color:#999;font-size:14px}.hot-left-main[data-v-773892cc]{margin-top:30px}.hot-left-class[data-v-773892cc],.hot-left-main[data-v-773892cc]{display:flex;justify-content:space-between}.hot-left-class[data-v-773892cc]{flex-direction:column}.hot-left-test[data-v-773892cc]{height:310px;width:260px}.hot-left-class li[data-v-773892cc],.hot-left-test[data-v-773892cc]{border-radius:4px;cursor:pointer;overflow:hidden}.hot-left-class li[data-v-773892cc]{height:140px;width:280px}.hot-right[data-v-773892cc]{width:570px}.hot-right-row[data-v-773892cc]{display:flex;flex-direction:column;height:400px;justify-content:space-between;margin-top:30px}.hot-right-line[data-v-773892cc]{align-items:center;cursor:pointer;display:flex;font-size:16px}.hot-right-line:hover p[data-v-773892cc]{color:#3891ff}.hot-right-dot[data-v-773892cc]{background:#7faaff;border-radius:50%;height:6px;margin-right:9px;width:6px}.hot-right-title[data-v-773892cc]{color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:73%}.hot-right-time[data-v-773892cc]{color:#999;white-space:nowrap}.title[data-v-fcdd8d02]{border-bottom:1px solid #dcdcdc;justify-content:space-between;margin-bottom:20px;margin-top:50px;padding-bottom:18px;position:relative}.title-main[data-v-fcdd8d02],.title[data-v-fcdd8d02]{align-items:center;display:flex}.title-main p[data-v-fcdd8d02]:first-child{font-size:28px}.title-main p[data-v-fcdd8d02]:nth-child(2){background:#e5efff;border-radius:11px;color:#3891ff;font-size:14px;font-weight:600;margin-left:14px;padding:4px 10px}.title-main[data-v-fcdd8d02]:after{background:#3891ff;bottom:0;content:"";height:2px;left:0;position:absolute;width:112px}.title-more[data-v-fcdd8d02]{align-items:center;color:#999;cursor:pointer;display:flex;filter:grayscale(1);font-size:14px;transition:all .3s}.title-more[data-v-fcdd8d02]:hover{color:#3891ff;filter:grayscale(0)}.title-more div[data-v-fcdd8d02]{margin-left:5px;width:12px}