.teaching-material-guide-container[data-v-d33a6982]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.teaching-material-guide-container .delete-icon[data-v-d33a6982]{position:absolute;right:-50px;top:-40px;font-size:36px;color:#fff;cursor:pointer}.teaching-material-guide-container .video-container[data-v-d33a6982]{cursor:pointer;width:100%;height:100%;position:relative}.teaching-material-guide-container .video-container .fake-play-icon[data-v-d33a6982]{background:rgba(0,0,0,.3);width:100%;height:100%;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:2}.teaching-material-guide-container .video-container .fake-play-icon>img[data-v-d33a6982]{width:100px}.intro-container[data-v-8eef5372]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%}.intro-container .top-bar[data-v-8eef5372]{height:64px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 23px;background:#0169d9;font-size:16px;color:#fff;line-height:20px}.intro-container .top-bar .img-logo[data-v-8eef5372]{width:100px}.intro-container .top-bar .text[data-v-8eef5372]{margin:0 34px 0 60px}.intro-container .content-container[data-v-8eef5372]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:40px}.intro-container .content-container .info-head[data-v-8eef5372]{margin-bottom:40px;color:#e31837;font-size:28px;font-weight:700}.intro-container .content-container .content .flex-styl[data-v-8eef5372]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.intro-container .content-container .content .content-item[data-v-8eef5372]{padding:42px 40px 44px;border:1px solid #979797;border-radius:8px;margin-bottom:40px}.intro-container .content-container .content .content-item .common-info .subject[data-v-8eef5372]{font-size:26px;font-weight:700;margin-bottom:19px;color:#54585a}.intro-container .content-container .content .content-item .common-info .info-status[data-v-8eef5372]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:20px;font-weight:700;margin-bottom:16px;line-height:24px}.intro-container .content-container .content .content-item .common-info .time[data-v-8eef5372]{font-size:16px;color:#333;line-height:24px;margin-bottom:19px}.intro-container .content-container .content .content-item .completed-container[data-v-8eef5372]{margin-right:57px}.intro-container .content-container .content .content-item .completed-container .completed-img[data-v-8eef5372]{width:75px;height:75px}.intro-container .content-container .content .content-item .red-styl[data-v-8eef5372]{color:#e31a39}.intro-container .content-container .content .content-item .green-styl[data-v-8eef5372]{color:#aebe36}.intro-container .content-container .content .content-item .information[data-v-8eef5372]{padding:30px 24px;background:#f7f7f7;border-radius:8px;border:1px solid #979797;margin-bottom:16px}.intro-container .content-container .content .content-item .information .information-head[data-v-8eef5372]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.intro-container .content-container .content .content-item .information .information-head .icon .icon-img[data-v-8eef5372]{width:28px;height:28px}.intro-container .content-container .content .content-item .information .information-head .info[data-v-8eef5372]{font-size:16px;color:#54585a;margin:0 7px 0 14px}.intro-container .content-container .content .content-item .information .information-head .status[data-v-8eef5372]{margin:0 7px}.intro-container .content-container .content .content-item .information .information-content[data-v-8eef5372]{margin-top:31px}.intro-container .content-container .content .content-item .information .information-content .video[data-v-8eef5372]{width:100%;height:454px;border:1px solid #c4c4c4}.intro-container .content-container .content .content-item .information .information-content .confirm-info .ready-title[data-v-8eef5372]{margin:42px 0 17px;font-weight:700;color:#54585a}.intro-container .content-container .content .content-item .information .information-content .confirm-info .ready-desc[data-v-8eef5372]{font-weight:400;font-size:16px;color:#333;line-height:24px;margin-bottom:16px}.intro-container .content-container .content .content-item .information .information-content .confirm-info .confirm-btn[data-v-8eef5372]{display:-webkit-box;display:-ms-flexbox;display:flex;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:400;font-size:16px;color:#fff;line-height:24px;background:#000;border-radius:4px;padding:11px 20px 12px;cursor:pointer}.intro-container .content-container .content .content-item .information .information-content .confirm-info .confirm-btn .btn-text[data-v-8eef5372]{margin-left:9px}.intro-container .content-container .content .content-item .start-btn[data-v-8eef5372]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;font-weight:400;font-size:16px;color:#fff;line-height:24px;background:#000;padding:9px 20px 12px;border-radius:4px;cursor:pointer}.intro-container .content-container .content .content-item .start-btn .btn-text[data-v-8eef5372]{margin-left:8px}