.courseWareBox[data-v-0f54739d]{margin-bottom:.1428571429rem;width:100%}.courseWareBox .courseWareImg[data-v-0f54739d]{width:100%;height:100%}.shareBox[data-v-0f54739d]{position:fixed;display:flex;justify-content:center;align-items:center;bottom:40%;right:0;width:5.7142857143rem;height:2.1428571429rem;border:1px solid #f72;border-top-left-radius:1.4285714286rem;border-bottom-left-radius:1.4285714286rem;font-size:1rem;background-color:#fff;color:#f72}.contentBox[data-v-30427bad]{height:100vh;padding:.5714285714rem .7857142857rem 0 .9285714286rem;background-color:#ebebeb}.contentBox .contentTopBox[data-v-30427bad]{padding:.8571428571rem;margin-top:.7142857143rem;width:100%;border-radius:.5714285714rem;background-color:#fff}.contentBox .contentTopBox .contentTitle[data-v-30427bad]{margin-bottom:.9285714286rem;font-size:1.2857142857rem;font-weight:700;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contentBox .contentTopBox .contenToptCard[data-v-30427bad]{display:flex;flex-wrap:wrap;margin-bottom:.8571428571rem}.contentBox .contentTopBox .contenToptCard .contentAudioCard[data-v-30427bad],.contentBox .contentTopBox .contenToptCard .contentVideoCard[data-v-30427bad]{display:flex;width:100%}.contentBox .contentTopBox .contenToptCard .contentTopImgBox[data-v-30427bad]{display:flex;justify-content:center;align-items:center;position:relative;flex-shrink:0;margin-right:.5714285714rem;overflow:hidden;width:6.2857142857rem;height:8.3571428571rem;border-radius:.5714285714rem}.contentBox .contentTopBox .contenToptCard .contentTopImgBox .contentTopImg[data-v-30427bad]{height:100%}.contentBox .contentTopBox .contenToptCard .contentTopImgBox .contentPlayIcon[data-v-30427bad]{position:absolute;left:.2857142857rem;bottom:.2142857143rem;height:1.9285714286rem;width:1.8571428571rem}.contentBox .contentTopBox .contenToptCard .studyTitleBox[data-v-30427bad]{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between}.contentBox .contentTopBox .contenToptCard .studyTitleBox .playbackTopTitle[data-v-30427bad]{width:100%;font-weight:700;font-size:1.1428571429rem;color:#333;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.contentBox .contentTopBox .contenToptCard .studyTitleBox .playbackTopArea[data-v-30427bad]{width:100%;font-size:1rem;color:#666;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.contentBox .contentTopBox .contenToptCard .studyTitleBox .studybox[data-v-30427bad]{display:flex;justify-content:space-between}.contentBox .contentTopBox .contenToptCard .studyTitleBox .studybox .studyRight[data-v-30427bad]{font-size:.7857142857rem;color:#999}.contentBox .contentTopBox .contenToptCard .studyTitleBox .studybox .studyLeft[data-v-30427bad]{font-size:.7857142857rem;color:#f72}.contentBox .contentTopBox .contenToptCard .studyTitleBox .studybox .studyLeft .playStudyIcon[data-v-30427bad]{vertical-align:middle;width:1rem;height:1.0714285714rem}.contentBox .contentTopBox .contenToptCard .studyTitleBox .replayTagDiv[data-v-30427bad]{display:flex;flex-wrap:wrap}.contentBox .contentTopBox .contenToptCard .studyTitleBox .replayTagDiv .replayTag[data-v-30427bad]{display:flex;justify-content:center;align-items:center;padding:.2142857143rem .4285714286rem;margin-right:.5714285714rem;margin-top:.2142857143rem;background:#f3f3f3;border-radius:.8571428571rem;font-size:.7857142857rem;color:#666}.contentBox .contentTopBox .contenToptCard[data-v-30427bad]:last-child{margin-bottom:0}.contentBox .contentTopBox[data-v-30427bad]:first-child{margin-top:0}.contentBox .contentBottomBox[data-v-30427bad]{background-color:#fff;border-radius:.5714285714rem}.contentBox .contentBottomBox .bookCategory[data-v-30427bad]{margin:0 0 1rem 0;font-size:1.2857142857rem;font-weight:700;color:#000}.contentBox .contentBottomBox .contentBottomCard[data-v-30427bad]{display:flex;margin-bottom:.8571428571rem}.contentBox .contentBottomBox .contentBottomCard .contentBookCard[data-v-30427bad]{display:flex;justify-content:center;align-items:center;flex-shrink:0;margin-right:.5714285714rem;overflow:hidden;width:6.2857142857rem;height:8.3571428571rem;border-radius:.5714285714rem}.contentBox .contentBottomBox .contentBottomCard .contentBookCard .bookCardImg[data-v-30427bad]{height:100%}.contentBox .contentBottomBox .contentBottomCard .bookTitleBox[data-v-30427bad]{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between}.contentBox .contentBottomBox .contentBottomCard .bookTitleBox .bookBottomTitle[data-v-30427bad]{width:100%;font-weight:700;font-size:1.1428571429rem;color:#333;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.contentBox .contentBottomBox .contentBottomCard .bookTitleBox .bookDescription[data-v-30427bad]{font-size:1rem;color:#666;text-overflow:-o-ellipsis-lastline;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.contentBox .contentBottomBox .contentBottomCard .bookTitleBox .bookTagDiv[data-v-30427bad]{display:flex;flex-wrap:wrap}.contentBox .contentBottomBox .contentBottomCard .bookTitleBox .bookTagDiv .bookTag[data-v-30427bad]{display:flex;justify-content:center;align-items:center;padding:.2142857143rem .4285714286rem;margin-right:.5714285714rem;margin-top:.2142857143rem;background:#f3f3f3;border-radius:.8571428571rem;font-size:.7857142857rem;color:#666}.contentBox .contentBottomBox .contentBottomCard[data-v-30427bad]:last-child{margin-bottom:0}.courseIntroduceBox[data-v-7de431c1]{max-width:100%;padding-bottom:4.1428571429rem}.playbackIntBtn[data-v-7de431c1]{position:fixed;left:50%;bottom:1.7142857143rem;transform:translate(-50%);height:3.4285714286rem;width:22.2142857143rem;background:linear-gradient(90deg,#ff8a28 0,#f65524);border-radius:2rem;color:#fff;font-size:1.2857142857rem}.directoryBox[data-v-336e9af1]{padding:.6428571429rem 1.1428571429rem 0 1.1428571429rem;margin-bottom:5.3571428571rem}.directoryBox .tryPlayDiv[data-v-336e9af1]{display:flex;justify-content:space-between;align-items:center;height:3.1428571429rem}.directoryBox .tryPlayDiv .tryPlayBtn[data-v-336e9af1]{width:4.5714285714rem;height:1.8571428571rem;border-radius:1rem;color:#fff;font-size:.7857142857rem;font-weight:700;background:linear-gradient(90deg,#ff8a28,#f65524)}.directoryBox .tryPlayDiv .classHours[data-v-336e9af1]{width:3.3571428571rem;height:1.1428571429rem;font-size:.7857142857rem;color:#999}.directoryBox .tryplayList[data-v-336e9af1]{display:flex;justify-content:space-between;align-items:center;padding:1.2142857143rem 0 1.2142857143rem 0;height:5.4285714286rem;border-bottom:.0714285714rem solid rgba(0,0,0,.104)}.directoryBox .tryplayList .titleAndClock .playListTitle[data-v-336e9af1]{font-size:1.1428571429rem;color:#333}.directoryBox .tryplayList .titleAndClock .iconAndTime[data-v-336e9af1]{display:flex;align-items:center;margin-top:.4285714286rem}.directoryBox .tryplayList .titleAndClock .iconAndTime .playIcon[data-v-336e9af1]{width:1rem;height:1rem}.directoryBox .tryplayList .titleAndClock .iconAndTime .playDuration[data-v-336e9af1]{font-size:.8571428571rem;color:#999}.directoryBox .tryplayList .leftPlayIcon[data-v-336e9af1]{width:2rem;height:2rem}.directoryBox .tryplayListBottom[data-v-336e9af1]{display:flex;justify-content:space-between;align-items:center;padding:1.2142857143rem 0 1.2142857143rem 0;height:5.4285714286rem;border-bottom:.0714285714rem solid rgba(0,0,0,.104);opacity:.5}.directoryBox .tryplayListBottom .titleAndClock .playListTitle[data-v-336e9af1]{font-size:1.1428571429rem;color:#333}.directoryBox .tryplayListBottom .titleAndClock .iconAndTime[data-v-336e9af1]{display:flex;align-items:center;margin-top:.4285714286rem}.directoryBox .tryplayListBottom .titleAndClock .iconAndTime .playIcon[data-v-336e9af1]{width:1rem;height:1rem}.directoryBox .tryplayListBottom .titleAndClock .iconAndTime .playDuration[data-v-336e9af1]{font-size:.8571428571rem;color:#999}.directoryBox .tryplayListBottom .leftPlayIcon[data-v-336e9af1]{width:2rem;height:2rem}.directoryBox .directoryBtn[data-v-336e9af1]{position:fixed;bottom:1.7142857143rem;left:50%;transform:translate(-50%);width:22.2142857143rem;height:3.4285714286rem;background:linear-gradient(90deg,#ff8a28,#f65524);border-radius:1.7857142857rem;font-size:1.1428571429rem;color:#fff}.contentBox[data-v-7e701742]{height:100vh;padding:.5714285714rem .7857142857rem 0 .9285714286rem;background-color:#ebebeb}.contentBox .contentDivBox[data-v-7e701742]{margin-top:.7142857143rem}.contentBox .contentDivBox[data-v-7e701742]:first-child{margin-top:0}.contentBox .contentTopBox[data-v-7e701742]{padding:.8571428571rem;width:100%;border-radius:.5714285714rem;background-color:#fff}.contentBox .contentTopBox .contentTitle[data-v-7e701742]{margin-bottom:.9285714286rem;font-size:1.2857142857rem;font-weight:700;color:#000}.contentBox .contentTopBox .contenToptCard[data-v-7e701742]{display:flex;flex-wrap:wrap}.contentBox .contentTopBox .contenToptCard .contentAudioCard[data-v-7e701742],.contentBox .contentTopBox .contenToptCard .contentVideoCard[data-v-7e701742]{display:flex;width:100%}.contentBox .contentTopBox .contenToptCard .contentTopImgBox[data-v-7e701742]{display:flex;justify-content:center;align-items:center;position:relative;flex-shrink:0;margin-right:.5714285714rem;overflow:hidden;width:6.2857142857rem;height:8.3571428571rem;border-radius:.5714285714rem}.contentBox .contentTopBox .contenToptCard .contentTopImgBox .contentTopImg[data-v-7e701742]{height:100%}.contentBox .contentTopBox .contenToptCard .contentTopImgBox .contentPlayIcon[data-v-7e701742]{position:absolute;left:.2857142857rem;bottom:.2142857143rem;height:1.9285714286rem;width:1.8571428571rem}.contentBox .contentTopBox .contenToptCard .studyTitleBox[data-v-7e701742]{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between}.contentBox .contentTopBox .contenToptCard .studyTitleBox .playbackTopTitle[data-v-7e701742]{width:100%;font-weight:700;font-size:1.1428571429rem;color:#333;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.contentBox .contentTopBox .contenToptCard .studyTitleBox .playbackTopArea[data-v-7e701742]{width:100%;font-size:1rem;color:#666;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.contentBox .contentTopBox .contenToptCard .studyTitleBox .studybox[data-v-7e701742]{display:flex;justify-content:space-between}.contentBox .contentTopBox .contenToptCard .studyTitleBox .studybox .studyRight[data-v-7e701742]{font-size:.7857142857rem;color:#999}.contentBox .contentTopBox .contenToptCard .studyTitleBox .studybox .studyLeft[data-v-7e701742]{font-size:.7857142857rem;color:#f72}.contentBox .contentTopBox .contenToptCard .studyTitleBox .studybox .studyLeft .playStudyIcon[data-v-7e701742]{vertical-align:middle;width:1rem;height:1.0714285714rem}.contentBox .contentTopBox .contenToptCard .studyTitleBox .replayTagDiv[data-v-7e701742]{display:flex;flex-wrap:wrap}.contentBox .contentTopBox .contenToptCard .studyTitleBox .replayTagDiv .replayTag[data-v-7e701742]{display:flex;justify-content:center;align-items:center;padding:.2142857143rem .4285714286rem;margin-right:.5714285714rem;margin-top:.2142857143rem;background:#f3f3f3;border-radius:.8571428571rem;font-size:.7857142857rem;color:#666}.contentBox .contentBottomBox[data-v-7e701742]{background-color:#fff;border-radius:.5714285714rem}.contentBox .contentBottomBox .contentBottomList[data-v-7e701742]{margin-bottom:.8571428571rem}.contentBox .contentBottomBox .bookCategory[data-v-7e701742]{margin:0 0 1rem 0;font-size:1.2857142857rem;font-weight:700;color:#000}.contentBox .contentBottomBox .contentBottomCard[data-v-7e701742]{display:flex;margin-bottom:.8571428571rem}.contentBox .contentBottomBox .contentBottomCard .contentBookCard[data-v-7e701742]{display:flex;justify-content:center;align-items:center;flex-shrink:0;margin-right:.5714285714rem;overflow:hidden;width:6.2857142857rem;height:8.3571428571rem;border-radius:.5714285714rem}.contentBox .contentBottomBox .contentBottomCard .contentBookCard .bookCardImg[data-v-7e701742]{height:100%}.contentBox .contentBottomBox .contentBottomCard .bookTitleBox[data-v-7e701742]{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between}.contentBox .contentBottomBox .contentBottomCard .bookTitleBox .bookBottomTitle[data-v-7e701742]{width:100%;font-weight:700;font-size:1.1428571429rem;color:#333;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.contentBox .contentBottomBox .contentBottomCard .bookTitleBox .bookDescription[data-v-7e701742]{font-size:1rem;color:#666;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.contentBox .contentBottomBox .contentBottomCard .bookTitleBox .bookTagDiv[data-v-7e701742]{display:flex;flex-wrap:wrap}.contentBox .contentBottomBox .contentBottomCard .bookTitleBox .bookTagDiv .bookTag[data-v-7e701742]{display:flex;justify-content:center;align-items:center;padding:.2142857143rem .4285714286rem;margin-right:.5714285714rem;margin-top:.2142857143rem;background:#f3f3f3;border-radius:.8571428571rem;font-size:.7857142857rem;color:#666}.contentBox .contentBottomBox .contentBottomCard[data-v-7e701742]:last-child{margin-bottom:0}.courseWareBox[data-v-3b93b120]{position:relative;margin-bottom:.1428571429rem;max-width:100%}.courseWareBox .courseWareImg[data-v-3b93b120]{width:100%;height:100%}.courseWareBox .lockBox[data-v-3b93b120]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.courseWareBox .lockBox .lockTextBox[data-v-3b93b120]{display:flex;align-items:center;margin-top:.5714285714rem}.courseWareBox .lockBox .lockTextBox .lockText[data-v-3b93b120]{vertical-align:middle;font-size:1rem;color:#fd803d}.courseWareBox .lockBox .lockTextBox .rightArrow[data-v-3b93b120]{width:1.1428571429rem;height:1.1428571429rem}.courseWareBox .lockBox .lockImg[data-v-3b93b120]{width:2.2857142857rem;height:2.8571428571rem}.courseWareBox[data-v-3b93b120]:last-child{position:relative}.courseWareBox:last-child .markBox[data-v-3b93b120]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff 45%,#fff)}.videoShareBox[data-v-04514436]{width:100%;min-height:100vh;padding-top:4rem}.videoShareBox .myVideoSkin[data-v-04514436]{width:100%;height:100%}.videoShareBox .videoBox[data-v-04514436]{width:100%;max-width:750px;height:15.0714285714rem;background-color:#000}.videoShareBox .videoBox video[data-v-04514436]{width:100%;height:100%}.videoShareBox .videoBox video[data-v-04514436]::-webkit-media-controls-fullscreen-button{display:none}.videoShareBox .videoBox video[data-v-04514436]::-webkit-media-controls-more-button,.videoShareBox .videoBox video[data-v-04514436]::-webkit-media-controls-mute-button{display:none!important}.videoShareBox .videoBox video[data-v-04514436]::-webkit-media-controls-toggle-closed-captions-button{display:none}.videoShareBox .videoBox img[data-v-04514436]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3.1428571429rem;z-index:3}.videoShareBox .content[data-v-04514436]{width:100%;min-height:40.2857142857rem;background:#f8fafa}.videoShareBox .fixTitle[data-v-04514436]{width:100%;font-size:1.2857142857rem;font-weight:700;color:#333;line-height:1.5714285714rem;padding:1.1428571429rem 1.7142857143rem .6428571429rem;background:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.videoShareBox .videoIntro[data-v-04514436]{margin:.5714285714rem auto 0;width:100%;background:#fff;padding:0 1.1428571429rem 1.1428571429rem}.videoShareBox .videoIntro .desc[data-v-04514436]{margin-top:.5714285714rem;width:23.2857142857rem;font-size:1rem;color:#999;line-height:1.7142857143rem}.videoShareBox .videoIntro .played[data-v-04514436]{margin-top:1.2142857143rem;font-size:.8571428571rem;color:#999;line-height:.8571428571rem}.videoShareBox .videoIntro .played img[data-v-04514436]{width:1rem;vertical-align:middle}.videoShareBox .recommendBox[data-v-04514436]{margin:.5714285714rem auto 0;width:25.6428571429rem;height:13.4285714286rem;background:#fff;border-radius:.5714285714rem;padding-top:1rem}.videoShareBox .recommendBox h2[data-v-04514436]{margin-left:1.1428571429rem;font-size:1.1428571429rem;font-weight:700;color:#333;line-height:1.5714285714rem}.videoShareBox .recommendContent[data-v-04514436]{margin-top:.9285714286rem;padding:0 .5714285714rem;display:flex;flex-wrap:nowrap;overflow-y:hidden;overflow-x:auto}.videoShareBox .recommendItem[data-v-04514436]{margin-left:.5714285714rem;width:11.0714285714rem;border-radius:8px}.videoShareBox .forMore[data-v-04514436]{width:10.6428571429rem;height:5.8571428571rem;background:#f8fafa;text-align:center;line-height:5.8571428571rem;border-radius:.5714285714rem;font-size:1rem;color:#333}.videoShareBox .itemBox[data-v-04514436]{width:11.0714285714rem;height:5.8571428571rem;border-radius:.5714285714rem;position:relative;overflow:hidden}.videoShareBox .itemBox .thumbImgBox[data-v-04514436]{width:100%;height:100%;border-radius:.5714285714rem;display:flex;align-items:center;justify-content:center}.videoShareBox .itemBox .thumbImgBox img[data-v-04514436]{width:100%;height:auto;border-radius:.5714285714rem}.videoShareBox .itemBox .played[data-v-04514436]{position:absolute;left:.2857142857rem;bottom:.3571428571rem;font-size:.8571428571rem;color:#fff;line-height:.8571428571rem}.videoShareBox .itemBox .played img[data-v-04514436]{width:1rem;height:auto;vertical-align:middle}.videoShareBox .itemTitle[data-v-04514436]{margin-top:.5rem;width:10.6428571429rem;font-size:1rem;color:#333;line-height:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.videoShareBox .itemName[data-v-04514436]{margin-top:.5rem;font-size:.7857142857rem;color:#999;line-height:.7857142857rem}.videoShareBox .peopleItem[data-v-04514436]{margin:.5714285714rem auto 0;padding-left:1.1428571429rem;padding-right:1rem;width:25.6428571429rem;height:11.7857142857rem;background:#fff;border-radius:.5714285714rem;display:flex;align-items:center;justify-content:space-between}.videoShareBox .imgBox[data-v-04514436]{width:7.1428571429rem;height:9.5rem;background:#e9e9eb;border-radius:.5rem;overflow:hidden;display:flex;justify-content:center;align-items:flex-end}.videoShareBox .imgBox img[data-v-04514436]{height:100%}.videoShareBox .textBox[data-v-04514436]{width:15.2142857143rem;position:relative}.videoShareBox .textBox h2[data-v-04514436]{margin-top:.2857142857rem;width:100%;font-size:1.1428571429rem;font-weight:700;color:#333;line-height:1.2857142857rem}.videoShareBox .textBox h3[data-v-04514436]{width:100%;margin-top:.5714285714rem;font-size:1rem;color:#333;line-height:1.1428571429rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.videoShareBox .textBox p[data-v-04514436]{margin-top:1.2142857143rem;width:100%;font-size:1rem;color:#666;line-height:1.7142857143rem;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.videoShareBox .textBox .more[data-v-04514436]{position:absolute;right:-.5714285714rem;bottom:.2857142857rem;width:1.1428571429rem}.videoShareBox .relative[data-v-04514436]{position:relative}.videoShareBox .relative .opacity[data-v-04514436]{position:absolute;left:0;top:0;width:100%;height:100%}.videoShareBox .otherBox[data-v-04514436]{margin:.5714285714rem auto 0;padding:1.1428571429rem;width:25.6428571429rem;background-color:#fff;border-radius:.5714285714rem}.videoShareBox .btnToApp[data-v-04514436]{position:fixed;left:50%;bottom:1.7142857143rem;transform:translateX(-50%);z-index:19;width:22.2142857143rem;height:3.4285714286rem;background:linear-gradient(270deg,#f65524,#ff8a28);border-radius:1.9285714286rem;text-align:center;font-size:1.1428571429rem;color:#fff;line-height:3.4285714286rem}.videoShareBox .moreBox[data-v-04514436]{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:99;width:100%;max-width:750px;height:100vh;background:rgba(0,0,0,.6);transition:all .3s}.videoShareBox .moreContent[data-v-04514436]{position:absolute;top:11.3943028486vh;left:3.4285714286rem;width:19.9285714286rem;height:67.1664167916vh;background:#fff;border-radius:1.1428571429rem;padding:1.7142857143rem}.videoShareBox .moreContent h2[data-v-04514436]{font-size:1.2857142857rem;font-weight:700;color:#333;line-height:1.1428571429rem;text-align:center}.videoShareBox .moreContent h3[data-v-04514436]{margin-top:.5714285714rem;font-size:1rem;color:#333;line-height:1.7142857143rem;text-align:center}.videoShareBox .moreContent p[data-v-04514436]{margin-top:1.1428571429rem;width:16.4285714286rem;height:50.3748125937vh;font-size:1rem;color:#666;line-height:1.7142857143rem;overflow:auto}.videoShareBox .close[data-v-04514436]{position:absolute;left:50%;transform:translateX(-50%);bottom:-9.8950524738vh;width:3.1428571429rem}.videoShareBox[data-v-04514436] .video-player .vjs-big-play-button .vjs-icon-placeholder:before{line-height:15rem}.audioContentsecond[data-v-04514436]{min-height:0}.audioContentsecond .auditionBoxTwo[data-v-04514436]{padding-bottom:5.3571428571rem}.tryPlayDiv[data-v-04514436]{display:flex;justify-content:space-between;align-items:center;font-size:1rem;color:#999}.tryPlayDiv .tryPlayBtn[data-v-04514436]{display:flex;justify-content:center;align-items:center;width:4.5714285714rem;height:1.8571428571rem;border-radius:1rem;color:#fff;font-size:.7857142857rem;font-weight:700;background:linear-gradient(90deg,#ff8a28,#f65524)}.tryPlayDiv .tryPlayBtn .directoryIcon[data-v-04514436]{width:1.5714285714rem;height:1.5714285714rem}@font-face{font-family:SourceHanSans;src:url(https://test-bucket.oss.idaonline.cn/web/font/SourceHanSans-Medium.ttc);font-weight:400;font-style:normal}@font-face{font-family:SourceHanSansSC_Bold;src:url(https://edu.ida-oss.ida1998.com/web/font/SourceHanSansCN-Bold.otf)}@font-face{font-family:SourceHanSansSC_Heavy;src:url(https://edu.ida-oss.ida1998.com/web/font/SourceHanSerifCN-Heavy.otf)}.mediaPage{height:100vh;padding:.5714285714rem .7857142857rem 0 .9285714286rem;background-color:#ebebeb}.mediaPage .contentTopBox{padding:.8571428571rem;margin-top:.7142857143rem;width:100%;border-radius:.5714285714rem;background-color:#fff}.mediaPage .contentTitle{margin-bottom:.9285714286rem;font-size:1.2857142857rem;font-weight:700;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mediaPage .contenToptCard{display:flex;flex-wrap:wrap;margin-bottom:.8571428571rem}.mediaPage .contenToptCard .contentAudioCard,.mediaPage .contenToptCard .contentVideoCard{display:flex;width:100%}.mediaPage .contenToptCard .contentTopImgBox{display:flex;justify-content:center;align-items:center;position:relative;flex-shrink:0;margin-right:.5714285714rem;overflow:hidden;width:6.2857142857rem;height:8.3571428571rem;border-radius:.5714285714rem}.mediaPage .contenToptCard .secondCategory{display:flex;justify-content:center;align-items:center;position:absolute;bottom:.3571428571rem;right:0;padding:.2142857143rem .3571428571rem;height:1.1428571429rem;background:rgba(51,51,51,.5);border-radius:.5714285714rem 0 0 .5714285714rem;font-size:.7142857143rem;color:#fff}.mediaPage .contenToptCard .contentTopImg{height:100%}.mediaPage .contenToptCard .contentPlayIcon{position:absolute;left:.2857142857rem;bottom:.2142857143rem;height:1.9285714286rem;width:1.8571428571rem}.mediaPage .contenToptCard .studyTitleBox{display:flex;width:100%;flex-wrap:wrap;flex-direction:column;justify-content:space-between}.mediaPage .contenToptCard .playbackTopTitle{font-weight:700;font-size:1.1428571429rem;color:#333}.mediaPage .contenToptCard .playbackTopArea,.mediaPage .contenToptCard .playbackTopTitle{width:100%;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.mediaPage .contenToptCard .playbackTopArea{font-size:1rem;color:#666}.mediaPage .contenToptCard .studybox{display:flex;justify-content:space-between}.mediaPage .contenToptCard .studyRight{font-size:.7857142857rem;color:#999}.mediaPage .contenToptCard .studyLeft{font-size:.7857142857rem;color:#f72}.mediaPage .contenToptCard .playStudyIcon{vertical-align:middle;width:1rem;height:1.0714285714rem}.mediaPage .contenToptCard .replayTagDiv{display:flex;flex-wrap:wrap}.mediaPage .contenToptCard .replayTag{display:flex;justify-content:center;align-items:center;padding:.2142857143rem .4285714286rem;margin-right:.5714285714rem;margin-top:.2142857143rem;background:#f3f3f3;border-radius:.8571428571rem;font-size:.7857142857rem;color:#666}.mediaPage .contenToptCard .lear_and_play_div{display:flex;justify-content:space-between}.mediaPage .contenToptCard .learned_box{font-size:.7857142857rem;color:#999}.mediaPage .contenToptCard .playStudy_div{display:flex}.mediaPage .contenToptCard .playStudy_img{width:1.1428571429rem;height:1.1428571429rem}.mediaPage .contenToptCard .playStudy_text{font-size:.7857142857rem;color:#f72}.mediaPage .contenToptCard:last-child{margin-bottom:0}.mediaPage .contentTopBox:first-child{margin-top:0}.mediaPage .contentBottomBox{background-color:#fff;border-radius:.5714285714rem}.mediaPage .contentBottomBox .bookCategory{margin:0 0 1rem 0;font-size:1.2857142857rem;font-weight:700;color:#000}.mediaPage .contentBottomCard{display:flex;margin-bottom:.8571428571rem}.mediaPage .contentBookCard{display:flex;justify-content:center;align-items:center;flex-shrink:0;margin-right:.5714285714rem;overflow:hidden;width:6.2857142857rem;height:8.3571428571rem;border-radius:.5714285714rem}.mediaPage .contentBookCard .bookCardImg{width:auto;height:100%}.mediaPage .bookTitleBox{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between}.mediaPage .bookBottomTitle{width:100%;font-weight:700;font-size:1.1428571429rem;color:#333;text-overflow:ellipsis}.mediaPage .bookBottomTitle,.mediaPage .bookDescription{word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.mediaPage .bookDescription{font-size:1rem;color:#666;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis}.mediaPage .bookTagDiv{display:flex;flex-wrap:wrap}.mediaPage .bookTagDiv .bookTag{display:flex;justify-content:center;align-items:center;padding:.2142857143rem .4285714286rem;margin-right:.5714285714rem;margin-top:.2142857143rem;background:#f3f3f3;border-radius:.8571428571rem;font-size:.7857142857rem;color:#666}.mediaPage .contentBottomCard:last-child{margin-bottom:0}