body,html{background-color:#fff}main[data-v-76839a5e]{width:75rem;margin:auto;margin-bottom:15.625rem}main .title[data-v-76839a5e]{font-size:2rem;color:#333;margin:2.8125rem 0}main .courselist ul[data-v-76839a5e]{display:flex;flex-wrap:wrap}main .courselist ul[data-v-76839a5e] :nth-child(3n){margin-right:0}main .courselist ul li[data-v-76839a5e]{width:24rem;height:22.875rem;background:#fff;border:1px solid #ededed;box-sizing:border-box;margin-right:1.5rem;margin-bottom:3.125rem;position:relative}main .courselist ul li .h224[data-v-76839a5e]{height:14rem;position:relative;cursor:pointer}main .courselist ul li .h224 img[data-v-76839a5e]{width:100%;height:100%;vertical-align:middle}main .courselist ul li .h224 .duration[data-v-76839a5e]{position:absolute;width:3.75rem;height:1.5rem;right:10px;bottom:10px;background-color:#000;opacity:.4;border-radius:.125rem;text-align:center;line-height:1.5rem;color:#fff}main .courselist ul li .content[data-v-76839a5e]{box-sizing:border-box}main .courselist ul li .content .bt[data-v-76839a5e]{padding:0 1.25rem;height:3.4375rem;line-height:3.4375rem;font-size:1.25rem;color:#666}main .courselist ul li .content .txt[data-v-76839a5e]{font-size:.875rem;color:#999;height:2.5rem;overflow:hidden;text-overflow:ellipsis;white-space:wrap;padding:0 1.25rem}main .courselist ul li .content .num[data-v-76839a5e]{width:100%;bottom:1.25rem;text-align:right;color:#999;margin-top:1rem;padding-right:1.25rem}