.main-panel[data-v-11788fbe]{display:flex;margin-top:20px;padding-bottom:50px;justify-content:space-between}.main-panel .right[data-v-11788fbe]{width:270px;background:#fff;border:1px solid #e5e5e5;border-radius:8px}.main-panel .right .panel[data-v-11788fbe]{padding:10px 25px 0}.main-panel .right .panel .course-list[data-v-11788fbe]{position:relative;transition:box-shadow .5s linear;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.main-panel .right .panel .course-list img[data-v-11788fbe]{width:220px;height:124px;display:block;border-top-right-radius:8px;border-top-left-radius:8px;-o-object-fit:cover;object-fit:cover}.main-panel .right .panel .course-list .course-title[data-v-11788fbe]{line-height:20px;color:#333;font-size:14px;display:block;padding:10px 15px 15px;background:#f7f8f9;margin-bottom:10px;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.main-panel .right .panel .course-list span[data-v-11788fbe]{position:absolute;top:95px;right:10px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;border-radius:4px;padding:2px 6px}.main-panel .right .panel .course-list[data-v-11788fbe]:hover{box-shadow:0 5px 15px rgba(0,0,0,.2)}.main-panel .right .title[data-v-11788fbe]{color:#333;font-size:16px;padding:0 25px;line-height:50px;border-bottom:1px solid #e5e5e5;background:linear-gradient(#fff,#fafafa);border-top-right-radius:8px;border-top-left-radius:8px}.main-panel .left[data-v-11788fbe]{width:900px;min-height:400px;background:#fff;float:left;border:1px solid #e5e5e5;border-radius:8px}.main-panel .left .course-desc[data-v-11788fbe]{padding:0 10px}.main-panel .left .course-desc.yzd-html[data-v-11788fbe]{padding:25px 25px}.main-panel .left .course-desc .task-list[data-v-11788fbe]{color:#333}.main-panel .left .course-desc .task-list .a.file[data-v-11788fbe]:last-child,.main-panel .left .course-desc .task-list .a[data-v-11788fbe]:last-child{border:none}.main-panel .left .course-desc .task-list .a.file[data-v-11788fbe]{border-bottom:1px solid #eee}.main-panel .left .course-desc .task-list .task-item[data-v-11788fbe]{height:50px;background:#fff;box-sizing:border-box;padding:0 15px;display:flex;align-items:center}.main-panel .left .course-desc .task-list .task-item .tag[data-v-11788fbe]{font-size:12px;border:1px solid #666;padding:2px 4px;border-radius:3px;color:#666}.main-panel .left .course-desc .task-list .task-item .title[data-v-11788fbe]{flex:1;padding:0 15px;font-size:16px}.main-panel .left .course-desc .task-list .task-item .sk[data-v-11788fbe]{color:var(--main-color);font-size:12px}.main-panel .left .course-desc .task-list .task-item .sk[class*=yzd-][data-v-11788fbe]{font-size:20px}.main-panel .left .nav[data-v-11788fbe]{overflow:hidden;border-bottom:1px solid #e5e5e5;background:linear-gradient(#fff,#fafafa);border-top-right-radius:8px;border-top-left-radius:8px;display:flex}.main-panel .left .nav div[data-v-11788fbe]{cursor:pointer;color:#333;height:48px;line-height:48px;border-right:1px solid #e5e5e5;font-size:16px;padding:0 25px}.main-panel .left .nav div.cur[data-v-11788fbe]{color:var(--main-color);font-weight:700}.top-panel[data-v-11788fbe]{background:#fff;padding:20px 0 20px 20px;position:relative;box-shadow:0 1px 2px #bbb;border-radius:8px;display:flex}.top-panel .img img[data-v-11788fbe]{width:450px;height:253px;-o-object-fit:cover;object-fit:cover}.top-panel .update[data-v-11788fbe]{padding-bottom:15px}.top-panel .update span[data-v-11788fbe]{color:#fff;border-radius:4px;background:rgba(var(--rgb-main-color),.6);padding:2px 6px}.top-panel .content[data-v-11788fbe]{height:253px;padding-left:50px;display:flex;flex-direction:column;justify-content:space-around}.top-panel .content .title[data-v-11788fbe]{line-height:36px;color:#333;font-size:24px;padding:0 0 10px}.top-panel .content .mid[data-v-11788fbe]{flex:1}.top-panel .content .mid .desc[data-v-11788fbe]{color:#999;font-size:14px;line-height:20px;padding-bottom:15px;display:flex}.top-panel .content .mid .desc .sum[data-v-11788fbe]{padding-right:10px}.top-panel .content .mid .price[data-v-11788fbe]{font-size:28px}.top-panel .content .mid .price .line-price[data-v-11788fbe]{color:#999;font-size:14px;padding-left:10px;text-decoration:line-through}.top-panel .content .button-group[data-v-11788fbe]{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin-left:0}.top-panel .content .button-group .buy[data-v-11788fbe],.top-panel .content .button-group .vip[data-v-11788fbe]{width:125px;height:40px;line-height:40px;display:inline-block;text-align:center;color:var(--main-color);border:1px solid var(--main-color);font-size:18px;margin-right:7px;border-radius:3px;cursor:pointer}.top-panel .content .button-group .vip[data-v-11788fbe]{font-size:16px;color:var(--main-text-color);background:var(--main-color)}.top-panel .button-group[data-v-11788fbe]{margin:0 20px;flex-direction:column;flex:1}.ewm[data-v-11788fbe],.top-panel .button-group[data-v-11788fbe]{display:flex;align-items:center;justify-content:center}.ewm .kefu[data-v-11788fbe]{display:inherit;flex-direction:column;align-items:center}.ewm .kefu img[data-v-11788fbe]{width:200px;height:200px}.ewm .kefu .text[data-v-11788fbe]{margin-top:20px;font-size:16px}