.main[data-v-296bcc54]{width:1240px;padding:0 20px;margin:0 auto}.banner[data-v-296bcc54]{min-width:1240px;width:100%;height:320px;background:#ebf5ff;padding-top:75px}.banner .crumb[data-v-296bcc54]{font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#828282;height:17px;line-height:17px}.banner .title[data-v-296bcc54]{font-size:32px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#333;line-height:45px;height:45px;margin-top:43px;margin-bottom:12px}.banner .desc[data-v-296bcc54]{width:431px;font-size:15px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#828282;line-height:24px}.content[data-v-296bcc54]{min-width:1240px;background:linear-gradient(180deg,#fff,hsla(0,0%,100%,0))}.content .cates[data-v-296bcc54]{padding:30px 0;display:flex}.content .cates .item[data-v-296bcc54]{padding:10px 20px;font-size:18px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#828282;line-height:25px;background:#f8f8fa;border-radius:10px;cursor:pointer;margin-right:25px}.content .cates .item.active[data-v-296bcc54],.content .cates .item[data-v-296bcc54]:hover{color:#37a6ff;font-weight:500}.content .cates .item.active[data-v-296bcc54]{background:rgba(55,166,255,.1);border:1px solid #37a6ff;cursor:default}.content .course-list[data-v-296bcc54]{min-height:1050px;display:flex;justify-content:space-between;align-content:flex-start;flex-wrap:wrap}.content .course-list .item[data-v-296bcc54]{width:270px;height:320px;background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.01);border-radius:9px;overflow:hidden;margin-right:30px;margin-bottom:30px;cursor:pointer;transition:transform .14s ease-out}.content .course-list .item[data-v-296bcc54]:hover{transform:scale(1.04)}.content .course-list .item[data-v-296bcc54]:nth-child(4n){margin-right:0}.content .course-list .item .cover[data-v-296bcc54]{width:100%;height:180px}.content .course-list .item .cover .el-image[data-v-296bcc54]{width:100%;height:100%}.content .course-list .item .info[data-v-296bcc54]{padding:16px 20px;position:relative}.content .course-list .item .info .title[data-v-296bcc54]{font-size:18px;font-weight:500;color:#000;line-height:25px;font-family:PingFangSC-Medium,PingFang SC;margin-bottom:8px}.content .course-list .item .info .desc[data-v-296bcc54]{font-size:13px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#828282;line-height:18px;height:36px}.content .course-list .item .info .line[data-v-296bcc54]{border-bottom:1px dashed #e4e4e4;margin:8px 0}.content .course-list .item .info .learn[data-v-296bcc54]{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#828282;line-height:28px}.content .course-list .item .info .learn .icon-svg[data-v-296bcc54]{margin-right:6px}