body{margin:0!important}.courseDetail .van-overlay{background:rgba(0,0,0,.5)}.courseDetail .van-popup--center{top:40%}.courseDetail .van-cell{background-color:transparent;padding:0}.courseDetail .van-cell input{padding:8px 0 8px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;border:1px solid #c4c4c4;border-radius:4px;height:40px}.courseDetail[data-v-e77f3276]{text-align:left}.iframeBox[data-v-e77f3276]{width:100vw;height:100vh}.videoContent[data-v-e77f3276]{height:241px;position:relative}.videoContent video[data-v-e77f3276]{width:100%;height:100%;background:#000}.videoContent .posterImg[data-v-e77f3276]{width:100%;height:100%;position:absolute;left:0;top:0}.videoContent .posterBtn[data-v-e77f3276]{width:44px;height:44px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:50%}.videoBox[data-v-e77f3276]{padding:0 20px}.videoTitle[data-v-e77f3276]{margin:20px 0 8px;font-size:14px;color:#333;letter-spacing:.17px;font-weight:500}.videoSubTitle[data-v-e77f3276]{margin-bottom:8px;font-size:12px;color:#999;font-weight:400}.timeClick[data-v-e77f3276]{font-size:12px;color:#999;font-weight:400;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}.clickIcon[data-v-e77f3276]{width:16px;height:16px;margin-right:6px;vertical-align:middle}.timeClick span[data-v-e77f3276]{vertical-align:middle}.targetTime[data-v-e77f3276]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;font-size:12px;color:#161616;letter-spacing:.14px;font-weight:400;margin:43px 0 40px}.targetTime>div[data-v-e77f3276]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.targetTime img[data-v-e77f3276]{width:20px;height:20px;margin-right:8px;vertical-align:middle}.targetTime .text[data-v-e77f3276]{-webkit-box-flex:1;-ms-flex:1;flex:1;vertical-align:middle;line-height:20px}.targetTime>span[data-v-e77f3276]{vertical-align:middle;display:inline-block;width:2px;height:19px;background-color:#979797;margin:0 20px}.videoDescTitle[data-v-e77f3276]{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;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:18px}.videoDescTitle .title[data-v-e77f3276]{font-size:14px;color:#161616;letter-spacing:.17px;font-weight:500}.videoDescTitle .state[data-v-e77f3276]{width:85px;height:24px;background:#fff;border:1.5px solid #205daa;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;line-height:24px;font-size:10px;color:#205daa;letter-spacing:.12px;font-weight:500}.videoDesc[data-v-e77f3276]{word-break:break-all;font-size:14px;color:#999;letter-spacing:.17px;line-height:1.7;font-weight:400;margin-bottom:105px;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}footer[data-v-e77f3276]{position:fixed;width:100%;background:#fff;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.5);box-shadow:0 2px 4px 0 rgba(0,0,0,.5);left:0;bottom:0;overflow:hidden;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box;bottom:calc(49px + constant(safe-area-inset-bottom));bottom:calc(49px + env(safe-area-inset-bottom));padding:6px 0}footer button[data-v-e77f3276]{height:44px;background:#205daa;border-radius:2px;margin:0 20px;width:calc(100% - 40px);border:none;font-size:16px;color:#fff;font-weight:500}.popupBox[data-v-e77f3276]{width:280px;height:200px;background:#fff;border-radius:2px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.popupIcon[data-v-e77f3276]{width:44px;height:44px;margin-top:40px}.popupTitle[data-v-e77f3276]{font-size:20px;color:#161616;font-weight:500;margin:20px 0 4px}.popupSubTitle[data-v-e77f3276]{font-size:14px;color:#999;line-height:24px;font-weight:400}.popupClose[data-v-e77f3276]{position:absolute;width:12px;height:12px;top:20px;right:20px}.coursePop[data-v-e77f3276]{text-align:left}.courseDes[data-v-e77f3276]{padding:40px 20px 20px}.courseDes>div[data-v-e77f3276]{margin-bottom:144px}.courseDes .title[data-v-e77f3276]{font-size:16px;color:#161616;font-weight:500;margin-bottom:24px}.label[data-v-e77f3276]{font-size:16px;color:#999;letter-spacing:.19px;font-weight:400;margin-bottom:8px}.field-box[data-v-e77f3276]{margin-bottom:24px}.courseDes .btns[data-v-e77f3276]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px}.courseDes .btns button[data-v-e77f3276]{border:none;width:156px;height:44px;background:#bfe2eb;border-radius:2px;font-size:16px;color:#205daa;font-weight:500}.courseDes .btns button[data-v-e77f3276]:nth-child(2){background:#205daa;color:#fff}.courseDes .studyBtns button[data-v-e77f3276]:first-child{border:none;background:#bfe2eb;border-radius:2px}.courseDes .studyBtns button[data-v-e77f3276]:nth-child(2){background:#fff;border:1.5px solid #205daa;color:#205daa}.classBox[data-v-e77f3276]{margin:20px 0 0 20px;white-space:nowrap;overflow-x:auto}.class[data-v-e77f3276]{width:55px;height:24px;background:#fff;border:1.5px solid #ccc;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:10px;color:#999;letter-spacing:.12px;font-weight:500;display:inline-block;margin-right:12px;text-align:center;line-height:24px}.class.active[data-v-e77f3276]{color:#fff;background:#205daa;border:1.5px solid #205daa}