.index[data-v-10cdd8d2]{width:100%;height:100%;min-height:15.333333rem;position:relative;background-color:#050c5b;background-size:100%;background-repeat:no-repeat}.index .top-box[data-v-10cdd8d2]{position:absolute;left:.666667rem;top:0;width:4rem;height:auto}.index .top-box img[data-v-10cdd8d2]{max-width:100%;height:auto}.index .right-box[data-v-10cdd8d2]{position:absolute;width:2.666667rem;height:auto;right:0}.index .right-box img[data-v-10cdd8d2]{max-width:100%;height:auto}.index .bottom-box[data-v-10cdd8d2]{position:absolute;width:100%;height:auto;bottom:-.133333rem}.index .bottom-box img[data-v-10cdd8d2]{max-width:100%;height:auto}.index .top-left-logo[data-v-10cdd8d2]{position:absolute;left:.8rem;top:.666667rem;width:3.733333rem;height:.666667rem}.index .top-left-logo img[data-v-10cdd8d2]{max-width:100%;height:auto}.index .top-right-avatar[data-v-10cdd8d2]{position:absolute;right:.8rem;top:.666667rem;width:1.066667rem;height:1.066667rem;border-radius:.533333rem;overflow:hidden}.index .top-right-avatar img[data-v-10cdd8d2]{max-width:100%;height:auto;object-fit:fill}.index .top-right-box[data-v-10cdd8d2]{position:absolute;right:2.133333rem;top:.666667rem;width:auto;height:1.093333rem;border-radius:.533333rem;overflow-x:hidden}.index .top-right-box .top-right-home-box[data-v-10cdd8d2]{float:right;margin-left:.2rem;right:2.4rem;top:.666667rem;width:auto;height:1.013333rem;border-radius:.533333rem;overflow:hidden;padding:0 .4rem 0 0;border:.013333rem solid #3c438a;background-color:#091374}.index .top-right-box .top-right-home-box img[data-v-10cdd8d2]{float:left;margin-left:.466667rem;margin-top:.333333rem;width:.4rem;height:.4rem;object-fit:contain}.index .top-right-box .top-right-home-box .home-text[data-v-10cdd8d2]{float:left;width:auto;padding:0 0 0 .2rem;overflow:hidden;height:1.066667rem;line-height:1.066667rem;font-size:.373333rem;color:#fff;font-weight:500;text-align:center;letter-spacing:.066667rem}.index .course-base-box[data-v-10cdd8d2]{position:absolute;top:2.4rem;width:calc(100% - 1.6rem);height:4.266667rem;background-color:rgba(15,29,154,.3);border:.013333rem solid #3c438a;border-radius:.533333rem}.index .course-base-box .left-video-box[data-v-10cdd8d2]{float:left;margin-top:.44rem;margin-left:.666667rem;width:6rem;height:3.373333rem;overflow:hidden;border-radius:.266667rem;border:.013333rem solid #3c438a}.index .course-base-box .left-video-box img[data-v-10cdd8d2]{width:100%;height:100%;object-fit:fill}.index .course-base-box .right-top-box[data-v-10cdd8d2]{float:left;margin-top:.44rem;margin-left:.666667rem;width:calc(100% - 8rem);height:1.333333rem}.index .course-base-box .right-top-box .course-title[data-v-10cdd8d2]{float:left;width:calc(100% - 4.66667rem);height:1.333333rem;line-height:1.333333rem;color:#fff;font-size:.586667rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.index .course-base-box .right-top-box .course-menu[data-v-10cdd8d2]{float:right;width:4.4rem;height:1.333333rem}.index .course-base-box .right-top-box .course-menu .buttonbox[data-v-10cdd8d2]{float:right;margin-top:.16rem;margin-left:.2rem;width:2rem;height:.8rem;background-color:#f39f3c;border-radius:.666667rem}.index .course-base-box .right-top-box .course-menu .buttonbox img[data-v-10cdd8d2]{float:left;margin-top:.2rem;margin-left:.4rem;width:.4rem;height:.4rem;object-fit:contain}.index .course-base-box .right-top-box .course-menu .buttonbox .btn-text[data-v-10cdd8d2]{float:left;margin-top:.213333rem;margin-left:.066667rem;width:.8rem;height:.4rem;line-height:.4rem;text-align:center;font-size:.293333rem;color:#fff}.index .course-base-box .right-top-box .course-hour[data-v-10cdd8d2]{float:left;width:100%;height:.666667rem;color:#fff;font-size:.373333rem;font-weight:600}.index .course-base-box .right-top-box .course-abstract[data-v-10cdd8d2]{float:left;width:100%;height:1.333333rem;color:#fff;font-size:.266667rem;line-height:.4rem}.index .course-material-box[data-v-10cdd8d2]{position:absolute;top:7.066667rem;padding:.4rem;width:calc(100% - 2.4rem);height:7.733333rem;border:.013333rem solid #3c438a;border-radius:.533333rem;background-color:rgba(15,29,154,.3);overflow-y:scroll}.index .course-material-box .course-sub-box[data-v-10cdd8d2]{position:relative;float:left;margin-left:.266667rem;margin-top:.266667rem;margin-bottom:.266667rem;border-radius:.266667rem;width:5.133333rem;height:3.06rem;border:.013333rem solid #3c438a;overflow:hidden}.index .course-material-box .course-sub-box img[data-v-10cdd8d2]{width:100%;height:100%;object-fit:fill}.index .course-material-box .course-sub-box .rightTopBox[data-v-10cdd8d2]{position:absolute;top:0;right:0;width:1.333333rem;height:.4rem;background-color:#f39f3c;border-radius:0 0 0 .4rem;text-align:center;font-size:.24rem;line-height:.4rem;color:#fff;z-index:999}.index .course-material-box .course-sub-box .course-info-mask[data-v-10cdd8d2]{position:absolute;top:0;left:0;width:5.44rem;height:3.06rem;background-color:rgba(0,0,0,.4);z-index:666}.index .course-material-box .course-sub-box .course-info-mask img[data-v-10cdd8d2]{position:absolute;bottom:.266667rem;left:.266667rem;width:.666667rem;height:.666667rem;object-fit:fill;z-index:999}.index .course-material-box .course-sub-box .course-info-mask .course-info-title[data-v-10cdd8d2]{position:absolute;top:.4rem;left:.4rem;width:3.2rem;height:.533333rem;line-height:.533333rem;font-size:.32rem;text-align:left;color:#fff}.index .course-material-box .course-sub-box .course-info-mask .course-mold-box[data-v-10cdd8d2]{position:absolute;top:.466667rem;right:.666667rem;width:1.333333rem;height:.4rem;line-height:.4rem;font-size:.32rem;text-align:center;color:#fff;border-radius:.2rem}.index .course-material-box .course-sub-box .course-info-mask .moldNotStarted[data-v-10cdd8d2]{background-color:#909399}.index .course-material-box .course-sub-box .course-info-mask .course-info-description[data-v-10cdd8d2]{position:absolute;display:-webkit-box;top:.933333rem;left:.4rem;width:4.333333rem;height:1.066667rem;line-height:.533333rem;text-align:left;color:#fff;font-size:.346667rem;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.index .course-material-box[data-v-10cdd8d2]::-webkit-scrollbar{display:none}