.record-class-card[data-v-0c206e44]{width:6.8rem;background:#fff;border-radius:.24rem;-webkit-box-shadow:0 0 .28rem rgba(102,153,204,.15);box-shadow:0 0 .28rem rgba(102,153,204,.15);-webkit-box-sizing:border-box;box-sizing:border-box;padding:.45rem .34rem .38rem .34rem;overflow:hidden;position:relative}.record-class-card .class-status[data-v-0c206e44]{width:.93rem;height:.9rem;background-size:100% 100%;position:absolute;right:0;top:0}.record-class-card .class-status img[data-v-0c206e44]{width:100%;height:100%;position:absolute;right:0;top:0}.record-class-card .class-status .msg[data-v-0c206e44]{color:#fff;font-size:.24rem;height:.24rem;line-height:.24rem;font-weight:700;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:.32rem;left:.18rem;width:1rem}.record-class-card .msg-area[data-v-0c206e44]{display:-webkit-box;display:-ms-flexbox;display:flex}.record-class-card .msg-area .left-area[data-v-0c206e44]{width:2.5rem}.record-class-card .msg-area .left-area .img[data-v-0c206e44]{width:2.42rem;height:1.36rem;border-radius:.08rem}.record-class-card .msg-area .right-area[data-v-0c206e44]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:.2rem}.record-class-card .msg-area .right-area .name[data-v-0c206e44]{font-size:.32rem;line-height:.38rem;height:.38rem;font-weight:700;color:#303030}.record-class-card .msg-area .right-area .name1[data-v-0c206e44],.record-class-card .msg-area .right-area .name[data-v-0c206e44]{width:3.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:.02rem;-webkit-box-sizing:border-box;box-sizing:border-box}.record-class-card .msg-area .right-area .name1[data-v-0c206e44]{font-size:.24rem;line-height:.3rem;height:.3rem;margin-top:.22rem;color:#999}.record-class-card .msg-area .right-area .time[data-v-0c206e44]{font-size:.24rem;line-height:.24rem;height:.24rem;color:#a9a8a8;margin-top:.14rem;display:-webkit-box;display:-ms-flexbox;display:flex}.record-class-card .progress-area[data-v-0c206e44]{width:100%;height:.66rem;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.record-class-card .progress-area .line[data-v-0c206e44]{height:.08rem;background:#ececec;-webkit-box-flex:1;-ms-flex:1;flex:1}.record-class-card .progress-area .line.line-green[data-v-0c206e44]{background:#0dc}.record-class-card .progress-area .btn[data-v-0c206e44]{padding:0 .1rem 0 .04rem;height:.36rem;border-radius:.18rem;background:#ececec;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#a9a8a8;font-size:.22rem;line-height:.36rem;text-align:center}.record-class-card .progress-area .btn.btn-active[data-v-0c206e44]{background-image:-webkit-gradient(linear,left bottom,left top,from(#00d0d2),to(#00decc));background-image:linear-gradient(0deg,#00d0d2,#00decc);color:#fff}.record-class-card .progress-area .btn.btn-active .icon[data-v-0c206e44]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAMAAAC6CgRnAAAANlBMVEVHcEz///////////////////////////////////////////////////////////////////+GUsxbAAAAEXRSTlMA1/haQIinD+/1B2IYw5W2Y1EugckAAACvSURBVCjPhZJZFsMgCEXRqGAdGva/2aImTTTWvh85XhkEAA5hcIqYlAsIvdB6PuVtRzfiu2i7kOVR9jf6wo1nqmEjTRlFYflx7WvNWar3I0qIqrxACA/0AnDFCO246S3I6GI5UBPU0iigVlRMI2ICbu6AaUDMzU+bCl2H6MhHBdoOSb6jTm9q/25IEu1nBDMg3q++iGeHpC9XP3X/1fxnDqv5Lee+3Jflni33c77XH+oDIOsH/A0nAAAAAElFTkSuQmCC);background-size:100% 100%}.record-class-card .progress-area .btn.btn-blue[data-v-0c206e44]{background:#78bbff;color:#fff}.record-class-card .progress-area .btn .icon[data-v-0c206e44]{width:.28rem;height:.28rem;background:#fff;border-radius:.14rem;display:inline-block;margin-right:.06rem}.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}.recording-list[data-v-032baba8]{width:6.8rem;margin:0 auto}.recording-list .list-area[data-v-032baba8]{padding-bottom:.46rem}.recording-list .list-area .list-item[data-v-032baba8]{margin-top:.46rem}