.course-page[data-v-252eb681]{min-height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.course-top[data-v-252eb681]{-webkit-flex-shrink:0;flex-shrink:0;box-sizing:border-box;width:100%;height:8rem;background:#fff}.course-top .top-swipe[data-v-252eb681]{width:100%;height:8rem;overflow:hidden;position:relative}.course-top .top-banner[data-v-252eb681]{width:100%;height:100%;background-repeat:no-repeat;background-position:50%;background-size:cover}.course-top .custom-indicator[data-v-252eb681]{position:absolute;left:50%;bottom:2.4rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:.21333rem}.course-top .indicator-dot[data-v-252eb681]{width:.8rem;height:.10667rem;border-radius:.10667rem;background:hsla(0,0%,100%,.55);-webkit-transition:all .2s ease;transition:all .2s ease}.course-top .indicator-dot.active[data-v-252eb681]{background:#fff}.course-content[data-v-252eb681]{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:.53333rem .4rem 2.13333rem;margin-top:-2.13333rem;position:relative;z-index:2;background:-webkit-linear-gradient(top,#c2e5eb,#eef4f5);background:linear-gradient(180deg,#c2e5eb,#eef4f5);border-radius:.53333rem .53333rem 0 0}.section-title[data-v-252eb681]{font-size:.42667rem;font-weight:700;color:#333;margin-bottom:.32rem}.section-gap[data-v-252eb681]{margin-top:.53333rem}.category-card[data-v-252eb681]{background:#fff;border-radius:.32rem;padding:.42667rem .32rem;box-shadow:0 .05333rem .26667rem rgba(0,0,0,.06)}.category-grid[data-v-252eb681]{display:grid;grid-template-columns:repeat(3,1fr);gap:.42667rem .21333rem}.category-item[data-v-252eb681]{text-align:center;cursor:pointer}.category-icon[data-v-252eb681]{width:1.28rem;height:1.28rem;margin:0 auto .21333rem;border-radius:.26667rem;background:-webkit-linear-gradient(305deg,#5ec9d4,#3ba8bc);background:linear-gradient(145deg,#5ec9d4,#3ba8bc);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-shadow:0 .05333rem .21333rem rgba(59,168,188,.35)}.category-play[data-v-252eb681]{font-size:.58667rem;color:#fff}.category-img[data-v-252eb681]{width:100%;height:100%;object-fit:cover;border-radius:.26667rem}.category-name[data-v-252eb681]{font-size:.34667rem;font-weight:600;color:#333;margin-bottom:.10667rem;line-height:1.2}.category-desc[data-v-252eb681]{font-size:.29333rem;color:#9c9c9c;line-height:1.35;padding:0 .05333rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recommend-card[data-v-252eb681]{background:#fff;border-radius:.32rem;padding:.32rem;box-shadow:0 .05333rem .26667rem rgba(0,0,0,.06)}.recommend-item[data-v-252eb681]{display:-webkit-box;display:-webkit-flex;display:flex;gap:.32rem;padding-bottom:.32rem;margin-bottom:.32rem;border-bottom:.02667rem solid #f0f0f0;cursor:pointer}.recommend-item[data-v-252eb681]:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.recommend-cover-wrap[data-v-252eb681]{position:relative;width:2.93333rem;height:2.13333rem;-webkit-flex-shrink:0;flex-shrink:0}.recommend-cover[data-v-252eb681]{width:100%;height:100%;border-radius:.21333rem;overflow:hidden;background:-webkit-linear-gradient(330deg,#89d9f7,#6b8cff);background:linear-gradient(120deg,#89d9f7,#6b8cff);background-repeat:no-repeat;background-position:50%;background-size:cover}.ribbon[data-v-252eb681]{position:absolute;left:0;top:0;z-index:1;font-size:.26667rem;font-weight:600;color:#fff;padding:.08rem .48rem .08rem .16rem;-webkit-transform:rotate(-12deg) translate(-.10667rem,.10667rem);transform:rotate(-12deg) translate(-.10667rem,.10667rem);-webkit-transform-origin:left top;transform-origin:left top;line-height:1.2;box-shadow:0 .02667rem .10667rem rgba(0,0,0,.15)}.ribbon-required[data-v-252eb681]{background:-webkit-linear-gradient(315deg,#ff9a4a,#f63);background:linear-gradient(135deg,#ff9a4a,#f63)}.ribbon-elective[data-v-252eb681]{background:-webkit-linear-gradient(315deg,#7b8cff,#5a6fd8);background:linear-gradient(135deg,#7b8cff,#5a6fd8)}.recommend-body[data-v-252eb681]{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.recommend-title[data-v-252eb681]{font-size:.4rem;font-weight:600;color:#333;line-height:1.35;margin-bottom:.21333rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.recommend-footer[data-v-252eb681]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.recommend-date[data-v-252eb681]{font-size:.29333rem;color:#9c9c9c}.read-tag[data-v-252eb681]{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:.64rem;border-radius:.10667rem;overflow:hidden;background-repeat:no-repeat;background-size:100% 100%}.read-tag.read[data-v-252eb681]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHYAAAAlCAYAAACXvR1IAAAAAXNSR0IArs4c6QAAAldJREFUeF7tnDFrFFEUhc+dmZ11oxEUA4JabiO2WqSLsgYs7NxOFCu7aG3pHwgGU/gP/AVprVJtbI24gmIpyEpGNju+mSurTNhgEHb2Zr2Es9XAzvveeeeDqeaOYOK3uv3lPJqjG2WpXRFZBuSyQqPJe47rWiBDoHyVB7xMkmgvIDSOa6+Two2LUov0VJFGrZ/5t3ejNysroTqbVBc3t99fSprxmiq6AiwBaAE4+H8OZewrZFNKXc8b8R6KPJnDnidii0pw60wYbrXbo/GhBKqyuvP5YinFM1G9D+DsfzmtIFNgM0l0Y1hmGYoFip1SRDMPZTRIf2zdaY/k7u7XxWH2/YkATwGcm5JldzvF2nQZpwGDT5ncevvhalzKawDXbMg1KRRbs7jDy8aP5XiQ70un9/ExoM8FuGBCrguh2LrN/b0uToN0ev11AR4BWLQj1yBRbI3Sjl4SF6dVOjv9DVE8oFizXl2A5Hav/wLAQ4p14cMsBMWaVekLRLG+fJiloVizKn2BKNaXD7M0FGtWpS8QxfryYZaGYs2q9AWiWF8+zNJQrFmVvkAU68uHWRqKNavSF4hiffkwS0OxZlX6AlGsLx9maSjWrEpfIIr15cMsDcWaVekLRLG+fJiloVizKn2BKNaXD7M0fEvRrEpfIL5X7MuHSZo/7xVzEsCkTFeQ8SQAZ3dcKZk5zMHsDqftZu7SF6CatuN8rC8vs6Q5NB9bgX5PtDfiNQjuQWRJVReEE+2z9Dy3tUdPtE9sP/4GRdEM1yOELjRaBnCF36CYm5+pN/rXNyh+AdtFM9/xEK+AAAAAAElFTkSuQmCC)}.read-tag.unread[data-v-252eb681]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHYAAAAlCAYAAACXvR1IAAAAAXNSR0IArs4c6QAAAiJJREFUeF7tnE1rE1EUhp+bmSy6qKAoCPkHUtwoFPo/xI34UWnpSuqqm+76B4rdCFXBpX9NEdQ0mMZOjtxAw1SaRXJPzKG8Wc1i7pN33mdmVnNuovWz19yhwyYVTzG2MHpAap+ztGNjSIfPPOIDDQM6VEv7r5sEvmBEzW/O6fOGUQLLlzeVZnv0MPYxngD3gLX/JjUnMc6p+MRD3tOlT0N9k/pf2rU0GDVGlxHf+MEBZ1lusix3l/skDjGeAbeWFmIWeHKPMaDiI485peJMYue0cEHC+MMvvqcD+sm2WadmH3gL3J4T53e6SWxxmVluw5CGr8le8YAuX4CNYnAJYMyAWk9sSYWTtfnVDD+T7bBH4gi4WwwtAUhsSXtX1zaMsthjEtvAuh95AZLELlDaNUvy6zgxTrbLCfBCYn16XTllKnaHdyReSuzKlfgEkFifHsNRJDacEp9AEuvTYziKxIZT4hNIYn16DEeR2HBKfAJJrE+P4SgSG06JTyCJ9ekxHEViwynxCSSxPj2Go0hsOCU+gSTWp8dwFIkNp8QnkMT69BiOIrHhlPgEklifHsNRJDacEp9AEuvTYziKxIZT4hNIXyn69BiO0npi9V1xODsFgVpiNQlQ0GPIpZNJAM3uhHSzcKjp7E6UaTuNeCzscrrwyrRdhPnYnExiy8T+Ox97SbPn9FjTRHtZuytYPWuivR1lpXtQjBlSaQ+KuW+NGXtQ/AURSJhs2h0VMQAAAABJRU5ErkJggg==)}.tag-icon[data-v-252eb681]{width:.64rem;height:.64rem;padding:.13333rem;box-sizing:border-box;object-fit:contain;-webkit-flex-shrink:0;flex-shrink:0}.tag-text[data-v-252eb681]{padding:0 .21333rem;font-size:.32rem;line-height:.64rem;font-weight:500}.read .tag-text[data-v-252eb681]{color:#46ccdc}.unread .tag-text[data-v-252eb681]{color:#ff7a00}