.open-class-card[data-v-2a1d4dc7]{width:6.72rem;height:5.16rem;margin:0 auto;border-radius:.2rem;-webkit-box-shadow:0 .05rem .15rem 0 #ddd;box-shadow:0 .05rem .15rem 0 #ddd}.open-class-card .top-card[data-v-2a1d4dc7]{height:3.85rem;border-top-left-radius:.2rem;border-top-right-radius:.2rem;overflow:hidden;position:relative}.open-class-card .top-card .img[data-v-2a1d4dc7]{display:block;height:3.85rem}.open-class-card .top-card .icon-bg-content[data-v-2a1d4dc7]{position:absolute;left:.24rem;top:.24rem}.open-class-card .top-card .icon-bg-content img[data-v-2a1d4dc7]{display:block;width:.7rem;height:.7rem}.open-class-card .top-card .people[data-v-2a1d4dc7]{height:.51rem;position:absolute;background:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.08)),to(rgba(0,0,0,.32)));background:linear-gradient(270deg,rgba(0,0,0,.08),rgba(0,0,0,.32));right:0;bottom:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.open-class-card .top-card .people .icon[data-v-2a1d4dc7]{margin-left:.3rem;display:-webkit-box;display:-ms-flexbox;display:flex}.open-class-card .top-card .people .icon .icon-bg[data-v-2a1d4dc7]{margin-left:-.1rem;width:.3234rem;height:.3234rem;background-color:green;border-radius:50%}.open-class-card .top-card .people .icon .icon-bg.bg1[data-v-2a1d4dc7]{background-color:red}.open-class-card .top-card .people .icon .icon-bg.bg2[data-v-2a1d4dc7]{background-color:#ff0}.open-class-card .top-card .people .join[data-v-2a1d4dc7]{margin-left:.2rem;margin-right:.2rem;font-weight:700;color:#fff;font-size:.25rem}.open-class-card .bottom-card[data-v-2a1d4dc7]{overflow:hidden}.open-class-card .bottom-card .left[data-v-2a1d4dc7]{float:left;margin-left:.28rem;margin-top:.18rem}.open-class-card .bottom-card .left .lesson-title[data-v-2a1d4dc7]{width:4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:#2b2b2b;font-size:.32rem}.open-class-card .bottom-card .left .lesson-dec[data-v-2a1d4dc7]{width:4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:.05rem;color:#999;font-size:.24rem}.open-class-card .bottom-card .right[data-v-2a1d4dc7]{float:right;margin-top:.25rem;margin-right:.28rem}.open-class-card .bottom-card .right .button[data-v-2a1d4dc7]{width:1.66rem;height:.58rem;line-height:.58rem;text-align:center;background-color:#0bcbb5;color:#fff;font-size:.27rem;border-radius:.3rem}.bottom-head[data-v-7a448d47]{text-align:center;padding:.16rem 0 .36rem 0;height:.24rem;line-height:.24rem;font-size:.24rem}.bottom-head .text[data-v-7a448d47]{display:inline-block;color:#ccc;font-size:.24rem;padding:0 .2rem 0 .2rem}.bottom-head .left-line[data-v-7a448d47],.bottom-head .right-line[data-v-7a448d47]{display:inline-block;border-top:.02rem solid #e1e1e1;width:.46rem;height:.08rem}.open-class-page[data-v-50146d0d]{-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:.3rem}.open-class-page .open-class-item[data-v-50146d0d]{width:6.7rem;margin:.3rem auto 0}