.courseWareBox[data-v-0f54739d]{margin-bottom:.14286rem;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.71429rem;height:2.14286rem;border:1px solid #f72;border-top-left-radius:1.42857rem;border-bottom-left-radius:1.42857rem;font-size:1rem;background-color:#fff;color:#f72}.contentBox[data-v-30427bad]{height:100vh;padding:.57143rem .78571rem 0 .92857rem;background-color:#ebebeb}.contentBox .contentTopBox[data-v-30427bad]{padding:.85714rem;margin-top:.71429rem;width:100%;border-radius:.57143rem;background-color:#fff}.contentBox .contentTopBox .contentTitle[data-v-30427bad]{margin-bottom:.92857rem;font-size:1.28571rem;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:.85714rem}.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:.57143rem;overflow:hidden;width:6.28571rem;height:8.35714rem;border-radius:.57143rem}.contentBox .contentTopBox .contenToptCard .contentTopImgBox .contentTopImg[data-v-30427bad]{height:100%}.contentBox .contentTopBox .contenToptCard .contentTopImgBox .contentPlayIcon[data-v-30427bad]{position:absolute;left:.28571rem;bottom:.21429rem;height:1.92857rem;width:1.85714rem}.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.14286rem;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:.78571rem;color:#999}.contentBox .contentTopBox .contenToptCard .studyTitleBox .studybox .studyLeft[data-v-30427bad]{font-size:.78571rem;color:#f72}.contentBox .contentTopBox .contenToptCard .studyTitleBox .studybox .studyLeft .playStudyIcon[data-v-30427bad]{vertical-align:middle;width:1rem;height:1.07143rem}.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:.21429rem .42857rem;margin-right:.57143rem;margin-top:.21429rem;background:#f3f3f3;border-radius:.85714rem;font-size:.78571rem;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:.57143rem}.contentBox .contentBottomBox .bookCategory[data-v-30427bad]{margin:0 0 1rem 0;font-size:1.28571rem;font-weight:700;color:#000}.contentBox .contentBottomBox .contentBottomCard[data-v-30427bad]{display:flex;margin-bottom:.85714rem}.contentBox .contentBottomBox .contentBottomCard .contentBookCard[data-v-30427bad]{display:flex;justify-content:center;align-items:center;flex-shrink:0;margin-right:.57143rem;overflow:hidden;width:6.28571rem;height:8.35714rem;border-radius:.57143rem}.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.14286rem;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:.21429rem .42857rem;margin-right:.57143rem;margin-top:.21429rem;background:#f3f3f3;border-radius:.85714rem;font-size:.78571rem;color:#666}.contentBox .contentBottomBox .contentBottomCard[data-v-30427bad]:last-child{margin-bottom:0}.courseIntroduceBox[data-v-7de431c1]{max-width:100%;padding-bottom:4.14286rem}.playbackIntBtn[data-v-7de431c1]{position:fixed;left:50%;bottom:1.71429rem;transform:translate(-50%);height:3.42857rem;width:22.21429rem;background:linear-gradient(90deg,#ff8a28 0,#f65524);border-radius:2rem;color:#fff;font-size:1.28571rem}.directoryBox[data-v-336e9af1]{padding:.64286rem 1.14286rem 0 1.14286rem;margin-bottom:5.35714rem}.directoryBox .tryPlayDiv[data-v-336e9af1]{display:flex;justify-content:space-between;align-items:center;height:3.14286rem}.directoryBox .tryPlayDiv .tryPlayBtn[data-v-336e9af1]{width:4.57143rem;height:1.85714rem;border-radius:1rem;color:#fff;font-size:.78571rem;font-weight:700;background:linear-gradient(90deg,#ff8a28,#f65524)}.directoryBox .tryPlayDiv .classHours[data-v-336e9af1]{width:3.35714rem;height:1.14286rem;font-size:.78571rem;color:#999}.directoryBox .tryplayList[data-v-336e9af1]{display:flex;justify-content:space-between;align-items:center;padding:1.21429rem 0 1.21429rem 0;height:5.42857rem;border-bottom:.07143rem solid rgba(0,0,0,.104)}.directoryBox .tryplayList .titleAndClock .playListTitle[data-v-336e9af1]{font-size:1.14286rem;color:#333}.directoryBox .tryplayList .titleAndClock .iconAndTime[data-v-336e9af1]{display:flex;align-items:center;margin-top:.42857rem}.directoryBox .tryplayList .titleAndClock .iconAndTime .playIcon[data-v-336e9af1]{width:1rem;height:1rem}.directoryBox .tryplayList .titleAndClock .iconAndTime .playDuration[data-v-336e9af1]{font-size:.85714rem;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.21429rem 0 1.21429rem 0;height:5.42857rem;border-bottom:.07143rem solid rgba(0,0,0,.104);opacity:.5}.directoryBox .tryplayListBottom .titleAndClock .playListTitle[data-v-336e9af1]{font-size:1.14286rem;color:#333}.directoryBox .tryplayListBottom .titleAndClock .iconAndTime[data-v-336e9af1]{display:flex;align-items:center;margin-top:.42857rem}.directoryBox .tryplayListBottom .titleAndClock .iconAndTime .playIcon[data-v-336e9af1]{width:1rem;height:1rem}.directoryBox .tryplayListBottom .titleAndClock .iconAndTime .playDuration[data-v-336e9af1]{font-size:.85714rem;color:#999}.directoryBox .tryplayListBottom .leftPlayIcon[data-v-336e9af1]{width:2rem;height:2rem}.directoryBox .directoryBtn[data-v-336e9af1]{position:fixed;bottom:1.71429rem;left:50%;transform:translate(-50%);width:22.21429rem;height:3.42857rem;background:linear-gradient(90deg,#ff8a28,#f65524);border-radius:1.78571rem;font-size:1.14286rem;color:#fff}.contentBox[data-v-7e701742]{height:100vh;padding:.57143rem .78571rem 0 .92857rem;background-color:#ebebeb}.contentBox .contentDivBox[data-v-7e701742]{margin-top:.71429rem}.contentBox .contentDivBox[data-v-7e701742]:first-child{margin-top:0}.contentBox .contentTopBox[data-v-7e701742]{padding:.85714rem;width:100%;border-radius:.57143rem;background-color:#fff}.contentBox .contentTopBox .contentTitle[data-v-7e701742]{margin-bottom:.92857rem;font-size:1.28571rem;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:.57143rem;overflow:hidden;width:6.28571rem;height:8.35714rem;border-radius:.57143rem}.contentBox .contentTopBox .contenToptCard .contentTopImgBox .contentTopImg[data-v-7e701742]{height:100%}.contentBox .contentTopBox .contenToptCard .contentTopImgBox .contentPlayIcon[data-v-7e701742]{position:absolute;left:.28571rem;bottom:.21429rem;height:1.92857rem;width:1.85714rem}.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.14286rem;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:.78571rem;color:#999}.contentBox .contentTopBox .contenToptCard .studyTitleBox .studybox .studyLeft[data-v-7e701742]{font-size:.78571rem;color:#f72}.contentBox .contentTopBox .contenToptCard .studyTitleBox .studybox .studyLeft .playStudyIcon[data-v-7e701742]{vertical-align:middle;width:1rem;height:1.07143rem}.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:.21429rem .42857rem;margin-right:.57143rem;margin-top:.21429rem;background:#f3f3f3;border-radius:.85714rem;font-size:.78571rem;color:#666}.contentBox .contentBottomBox[data-v-7e701742]{background-color:#fff;border-radius:.57143rem}.contentBox .contentBottomBox .contentBottomList[data-v-7e701742]{margin-bottom:.85714rem}.contentBox .contentBottomBox .bookCategory[data-v-7e701742]{margin:0 0 1rem 0;font-size:1.28571rem;font-weight:700;color:#000}.contentBox .contentBottomBox .contentBottomCard[data-v-7e701742]{display:flex;margin-bottom:.85714rem}.contentBox .contentBottomBox .contentBottomCard .contentBookCard[data-v-7e701742]{display:flex;justify-content:center;align-items:center;flex-shrink:0;margin-right:.57143rem;overflow:hidden;width:6.28571rem;height:8.35714rem;border-radius:.57143rem}.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.14286rem;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:.21429rem .42857rem;margin-right:.57143rem;margin-top:.21429rem;background:#f3f3f3;border-radius:.85714rem;font-size:.78571rem;color:#666}.contentBox .contentBottomBox .contentBottomCard[data-v-7e701742]:last-child{margin-bottom:0}.courseWareBox[data-v-3b93b120]{position:relative;margin-bottom:.14286rem;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:.57143rem}.courseWareBox .lockBox .lockTextBox .lockText[data-v-3b93b120]{vertical-align:middle;font-size:1rem;color:#fd803d}.courseWareBox .lockBox .lockTextBox .rightArrow[data-v-3b93b120]{width:1.14286rem;height:1.14286rem}.courseWareBox .lockBox .lockImg[data-v-3b93b120]{width:2.28571rem;height:2.85714rem}.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-645297cb]{width:100%;min-height:100vh;padding-top:4rem}.videoShareBox .myVideoSkin[data-v-645297cb]{width:100%;height:100%}.videoShareBox .videoBox[data-v-645297cb]{width:100%;max-width:750px;height:15.07143rem;background-color:#000}.videoShareBox .videoBox video[data-v-645297cb]{width:100%;height:100%}.videoShareBox .videoBox video[data-v-645297cb]::-webkit-media-controls-fullscreen-button{display:none}.videoShareBox .videoBox video[data-v-645297cb]::-webkit-media-controls-more-button,.videoShareBox .videoBox video[data-v-645297cb]::-webkit-media-controls-mute-button{display:none!important}.videoShareBox .videoBox video[data-v-645297cb]::-webkit-media-controls-toggle-closed-captions-button{display:none}.videoShareBox .videoBox img[data-v-645297cb]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3.14286rem;z-index:3}.videoShareBox .content[data-v-645297cb]{width:100%;min-height:40.28571rem;background:#f8fafa}.videoShareBox .fixTitle[data-v-645297cb]{width:100%;font-size:1.28571rem;font-weight:700;color:#333;line-height:1.57143rem;padding:1.14286rem 1.71429rem .64286rem;background:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.videoShareBox .videoIntro[data-v-645297cb]{margin:.57143rem auto 0;width:100%;background:#fff;padding:0 1.14286rem 1.14286rem}.videoShareBox .videoIntro .desc[data-v-645297cb]{margin-top:.57143rem;width:23.28571rem;font-size:1rem;color:#999;line-height:1.71429rem}.videoShareBox .videoIntro .played[data-v-645297cb]{margin-top:1.21429rem;font-size:.85714rem;color:#999;line-height:.85714rem}.videoShareBox .videoIntro .played img[data-v-645297cb]{width:1rem;vertical-align:middle}.videoShareBox .recommendBox[data-v-645297cb]{margin:.57143rem auto 0;width:25.64286rem;height:13.42857rem;background:#fff;border-radius:.57143rem;padding-top:1rem}.videoShareBox .recommendBox h2[data-v-645297cb]{margin-left:1.14286rem;font-size:1.14286rem;font-weight:700;color:#333;line-height:1.57143rem}.videoShareBox .recommendContent[data-v-645297cb]{margin-top:.92857rem;padding:0 .57143rem;display:flex;flex-wrap:nowrap;overflow-y:hidden;overflow-x:auto}.videoShareBox .recommendItem[data-v-645297cb]{margin-left:.57143rem;width:11.07143rem;border-radius:8px}.videoShareBox .forMore[data-v-645297cb]{width:10.64286rem;height:5.85714rem;background:#f8fafa;text-align:center;line-height:5.85714rem;border-radius:.57143rem;font-size:1rem;color:#333}.videoShareBox .itemBox[data-v-645297cb]{width:11.07143rem;height:5.85714rem;border-radius:.57143rem;position:relative;overflow:hidden}.videoShareBox .itemBox .thumbImgBox[data-v-645297cb]{width:100%;height:100%;border-radius:.57143rem;display:flex;align-items:center;justify-content:center}.videoShareBox .itemBox .thumbImgBox img[data-v-645297cb]{width:100%;height:auto;border-radius:.57143rem}.videoShareBox .itemBox .played[data-v-645297cb]{position:absolute;left:.28571rem;bottom:.35714rem;font-size:.85714rem;color:#fff;line-height:.85714rem}.videoShareBox .itemBox .played img[data-v-645297cb]{width:1rem;height:auto;vertical-align:middle}.videoShareBox .itemTitle[data-v-645297cb]{margin-top:.5rem;width:10.64286rem;font-size:1rem;color:#333;line-height:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.videoShareBox .itemName[data-v-645297cb]{margin-top:.5rem;font-size:.78571rem;color:#999;line-height:.78571rem}.videoShareBox .peopleItem[data-v-645297cb]{margin:.57143rem auto 0;padding-left:1.14286rem;padding-right:1rem;width:25.64286rem;height:11.78571rem;background:#fff;border-radius:.57143rem;display:flex;align-items:center;justify-content:space-between}.videoShareBox .imgBox[data-v-645297cb]{width:7.14286rem;height:9.5rem;background:#e9e9eb;border-radius:.5rem;overflow:hidden;display:flex;justify-content:center;align-items:flex-end}.videoShareBox .imgBox img[data-v-645297cb]{height:100%}.videoShareBox .textBox[data-v-645297cb]{width:15.21429rem;position:relative}.videoShareBox .textBox h2[data-v-645297cb]{margin-top:.28571rem;width:100%;font-size:1.14286rem;font-weight:700;color:#333;line-height:1.28571rem}.videoShareBox .textBox h3[data-v-645297cb]{width:100%;margin-top:.57143rem;font-size:1rem;color:#333;line-height:1.14286rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.videoShareBox .textBox p[data-v-645297cb]{margin-top:1.21429rem;width:100%;font-size:1rem;color:#666;line-height:1.71429rem;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.videoShareBox .textBox .more[data-v-645297cb]{position:absolute;right:-.57143rem;bottom:.28571rem;width:1.14286rem}.videoShareBox .relative[data-v-645297cb]{position:relative}.videoShareBox .relative .opacity[data-v-645297cb]{position:absolute;left:0;top:0;width:100%;height:100%}.videoShareBox .otherBox[data-v-645297cb]{margin:.57143rem auto 0;padding:1.14286rem;width:25.64286rem;background-color:#fff;border-radius:.57143rem}.videoShareBox .btnToApp[data-v-645297cb]{position:fixed;left:50%;bottom:1.71429rem;transform:translateX(-50%);z-index:19;width:22.21429rem;height:3.42857rem;background:#f74;border-radius:.57143rem;text-align:center;font-size:1.14286rem;color:#fff;line-height:3.42857rem}.videoShareBox .moreBox[data-v-645297cb]{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-645297cb]{position:absolute;top:11.3943vh;left:3.42857rem;width:19.92857rem;height:67.16642vh;background:#fff;border-radius:1.14286rem;padding:1.71429rem}.videoShareBox .moreContent h2[data-v-645297cb]{font-size:1.28571rem;font-weight:700;color:#333;line-height:1.14286rem;text-align:center}.videoShareBox .moreContent h3[data-v-645297cb]{margin-top:.57143rem;font-size:1rem;color:#333;line-height:1.71429rem;text-align:center}.videoShareBox .moreContent p[data-v-645297cb]{margin-top:1.14286rem;width:16.42857rem;height:50.37481vh;font-size:1rem;color:#666;line-height:1.71429rem;overflow:auto}.videoShareBox .close[data-v-645297cb]{position:absolute;left:50%;transform:translateX(-50%);bottom:-9.89505vh;width:3.14286rem}.videoShareBox[data-v-645297cb] .video-player .vjs-big-play-button .vjs-icon-placeholder:before{line-height:15rem}.audioContentsecond[data-v-645297cb]{min-height:0}.audioContentsecond .auditionBoxTwo[data-v-645297cb]{padding-bottom:5.35714rem}.tryPlayDiv[data-v-645297cb]{display:flex;justify-content:space-between;align-items:center;font-size:1rem;color:#999}.tryPlayDiv .tryPlayBtn[data-v-645297cb]{display:flex;justify-content:center;align-items:center;width:4.57143rem;height:1.85714rem;border-radius:.57143rem;color:#fff;font-size:.78571rem;font-weight:700;background:#f74}.tryPlayDiv .tryPlayBtn .directoryIcon[data-v-645297cb]{width:1.57143rem;height:1.57143rem}@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:.57143rem .78571rem 0 .92857rem;background-color:#ebebeb}.mediaPage .contentTopBox{padding:.85714rem;margin-top:.71429rem;width:100%;border-radius:.57143rem;background-color:#fff}.mediaPage .contentTitle{margin-bottom:.92857rem;font-size:1.28571rem;font-weight:700;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mediaPage .contenToptCard{display:flex;flex-wrap:wrap;margin-bottom:.85714rem}.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:.57143rem;overflow:hidden;width:6.28571rem;height:8.35714rem;border-radius:.57143rem}.mediaPage .contenToptCard .secondCategory{display:flex;justify-content:center;align-items:center;position:absolute;bottom:.35714rem;right:0;padding:.21429rem .35714rem;height:1.14286rem;background:rgba(51,51,51,.5);border-radius:.57143rem 0 0 .57143rem;font-size:.71429rem;color:#fff}.mediaPage .contenToptCard .contentTopImg{height:100%}.mediaPage .contenToptCard .contentPlayIcon{position:absolute;left:.28571rem;bottom:.21429rem;height:1.92857rem;width:1.85714rem}.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.14286rem;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:.78571rem;color:#999}.mediaPage .contenToptCard .studyLeft{font-size:.78571rem;color:#f72}.mediaPage .contenToptCard .playStudyIcon{vertical-align:middle;width:1rem;height:1.07143rem}.mediaPage .contenToptCard .replayTagDiv{display:flex;flex-wrap:wrap}.mediaPage .contenToptCard .replayTag{display:flex;justify-content:center;align-items:center;padding:.21429rem .42857rem;margin-right:.57143rem;margin-top:.21429rem;background:#f3f3f3;border-radius:.85714rem;font-size:.78571rem;color:#666}.mediaPage .contenToptCard .lear_and_play_div{display:flex;justify-content:space-between}.mediaPage .contenToptCard .learned_box{font-size:.78571rem;color:#999}.mediaPage .contenToptCard .playStudy_div{display:flex}.mediaPage .contenToptCard .playStudy_img{width:1.14286rem;height:1.14286rem}.mediaPage .contenToptCard .playStudy_text{font-size:.78571rem;color:#f72}.mediaPage .contenToptCard:last-child{margin-bottom:0}.mediaPage .contentTopBox:first-child{margin-top:0}.mediaPage .contentBottomBox{background-color:#fff;border-radius:.57143rem}.mediaPage .contentBottomBox .bookCategory{margin:0 0 1rem 0;font-size:1.28571rem;font-weight:700;color:#000}.mediaPage .contentBottomCard{display:flex;margin-bottom:.85714rem}.mediaPage .contentBookCard{display:flex;justify-content:center;align-items:center;flex-shrink:0;margin-right:.57143rem;overflow:hidden;width:6.28571rem;height:8.35714rem;border-radius:.57143rem}.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.14286rem;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:.21429rem .42857rem;margin-right:.57143rem;margin-top:.21429rem;background:#f3f3f3;border-radius:.85714rem;font-size:.78571rem;color:#666}.mediaPage .contentBottomCard:last-child{margin-bottom:0}