.onlineTraining[data-v-bd7856a4]{width:100%;height:100vh;background:#fff}.onlineTraining .statusBar[data-v-bd7856a4]{z-index:10;position:fixed;top:0;left:0;width:100%;height:40px;background:#010101}.onlineTraining .content_dialog[data-v-bd7856a4]{padding:1.6rem;font-size:.7rem;color:#212121;line-height:1rem}.onlineTraining .content_dialog .rules[data-v-bd7856a4]{font-weight:600;color:#a97048}.onlineTraining .onlineContent[data-v-bd7856a4]{width:100%;height:calc(100% - 115px - env(safe-area-inset-bottom));position:absolute;top:57px;left:0;overflow-y:auto}.onlineTraining .tag_item[data-v-bd7856a4]{font-size:.6rem;padding:0 .3rem;color:#a97048;height:.9rem;line-height:.9rem;background:#f9eddc;border-radius:2px;margin-right:.4rem;margin-top:.4rem}.onlineTraining .video[data-v-bd7856a4]{width:100%;height:10.55rem}.onlineTraining .video .back[data-v-bd7856a4]{z-index:10;position:absolute;width:.6rem;height:1.2rem;left:.8rem;top:8px}.onlineTraining .video .video-player[data-v-bd7856a4]{width:100%;height:100%}.onlineTraining .introduction[data-v-bd7856a4]{padding:.8rem 0;margin:0 .6rem;border-bottom:1px solid #f4f4f4}.onlineTraining .introduction .icon[data-v-bd7856a4]{width:.7rem;height:.7rem;margin-right:2px}.onlineTraining .introduction .title[data-v-bd7856a4]{font-size:.9rem;font-weight:600;color:#212121;line-height:1.4rem}.onlineTraining .introduction .view_total[data-v-bd7856a4]{font-size:.5rem;color:#47988a;text-align:center;height:.9rem;line-height:.9rem;background:#dff2f2;border-radius:2px;padding:0 .3rem}.onlineTraining .introduction .common_msg[data-v-bd7856a4]{font-size:.6rem;color:#666;line-height:.8rem}.onlineTraining .introduction .date[data-v-bd7856a4]{margin:.6rem 0 .3rem 0}.onlineTraining .change_hour[data-v-bd7856a4]{width:100%;overflow:hidden;padding-left:.6rem}.onlineTraining .change_hour .title_hour[data-v-bd7856a4]{font-size:.8rem;font-weight:600;color:#212121;line-height:1.2rem;margin:.75rem 0 .6rem 0}.onlineTraining .change_hour .content_box[data-v-bd7856a4]{overflow-x:auto;white-space:nowrap;display:flex;align-items:start;width:100%}.onlineTraining .change_hour .content_box .hour_item[data-v-bd7856a4]{display:inline-block;width:6.4rem;height:6rem;margin-right:.6rem}.onlineTraining .change_hour .content_box .hour_item .hour_img[data-v-bd7856a4]{width:6.4rem;height:3.6rem;border-radius:.5rem}.onlineTraining .change_hour .content_box .hour_item .title[data-v-bd7856a4]{white-space:normal;font-size:.7rem;color:#212121;line-height:1rem}.onlineTraining .change_hour .content_box .hour_item .title.active[data-v-bd7856a4]{color:#a97048}.onlineTraining .content[data-v-bd7856a4]{font-size:.7rem;color:#666;line-height:1rem;padding:0 .6rem}.onlineTraining .content .title[data-v-bd7856a4]{margin:.75rem 0 .6rem 0;font-size:.8rem;font-weight:600;color:#212121;line-height:1.2rem}.onlineTraining .content .fuwenben[data-v-bd7856a4]{width:100%;overflow:auto}.onlineTraining .handle_button[data-v-bd7856a4]{position:fixed;bottom:0;left:0;height:2.9rem;width:100%;background:#fff;padding:.6rem .6rem 0 .6rem;font-size:.7rem;color:#212121;line-height:1rem;padding-bottom:calc(.6rem + env(safe-area-inset-bottom))}.onlineTraining .handle_button .handle_item[data-v-bd7856a4]{width:50%}.onlineTraining .handle_button .handle_item.border_right[data-v-bd7856a4]{position:relative}.onlineTraining .handle_button .handle_item.border_right[data-v-bd7856a4] :after{position:absolute;content:"";display:inline-block;width:1px;height:.7rem;top:.35rem;right:0;background:#ccc}.onlineTraining .handle_button .handle_item.border_left[data-v-bd7856a4]{padding-left:.6rem}.onlineTraining .handle_button .handle_item .icon_handle[data-v-bd7856a4]{width:1.4rem;height:1.4rem;margin-right:.4rem}.onlineTraining .handle_button .btn[data-v-bd7856a4]{width:50%;text-align:center;height:1.8rem;line-height:1.8rem;background:#47988a;border-radius:.9rem;font-size:.7rem;color:#fff}