.curriculum{position:relative;text-align:center;padding:2% 0}.curriculum .content{display:inline-block;width:90%;text-align:left}.curriculum .content .card-box{width:23%;margin:1%;display:inline-block;text-align:left;border-radius:.1rem;cursor:pointer}.curriculum .content .card-box.card-box--upcoming{cursor:not-allowed;opacity:.82}.curriculum .content .card-box .pic{height:4rem}.curriculum .content .card-box .pic img{width:100%;height:4rem;-o-object-fit:contain;object-fit:contain}.curriculum .content .card-box .detail{padding:.2rem;line-height:1.5}.curriculum .content .card-box .detail .title{font-size:.28rem;font-weight:700;color:#677897}.curriculum .content .card-box .detail .title .course-status--upcoming{display:inline-flex;margin-left:.2rem;padding:.04rem .16rem;border-radius:.2rem;color:#8a5a00;background:#fff4d6;font-size:.24rem}.curriculum .content .card-box .detail .progress{font-size:.24rem;color:#b0b9ca}.curriculum .content .card-box .detail .class-hours{font-size:.24rem;color:#909399}.curriculum .content .card-box .detail .date{font-size:.28rem;color:#67c23a}