.preview-resource-component[data-v-1fd31035]{background:#f4f7fa;width:100%}.preview-resource-component .bread-title[data-v-1fd31035]{max-width:830px;overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap}.preview-resource-component .top_wrap[data-v-1fd31035]{width:100%;height:714px;background:url(../img/bg_preview_resource.png);background-size:cover}.preview-resource-component .top_wrap .top[data-v-1fd31035]{border-top:.1px solid #000;margin:0 auto;background:#000;border-radius:6px 6px 0 0;height:90px}.preview-resource-component .top_wrap .top .title[data-v-1fd31035]{font-size:22px;color:#fff;letter-spacing:0;font-weight:700;padding:20px 0 14px 0;margin:0 24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-resource-component .top_wrap .top .secondary[data-v-1fd31035]{font-size:14px;color:hsla(0,0%,100%,.81);letter-spacing:0;margin:0 24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.preview-resource-component .top_wrap .preview-wrapper[data-v-1fd31035]{height:520px;background-color:#ededed;margin:0 auto;position:relative}.preview-resource-component .top_wrap .preview-wrapper .input_video .video-player[data-v-1fd31035],.preview-resource-component .top_wrap .preview-wrapper .input_video[data-v-1fd31035]{height:100%}.preview-resource-component .top_wrap .preview-wrapper .input_video[data-v-1fd31035] .video-js{height:100%;padding-top:0;position:static}.preview-resource-component .top_wrap .preview-wrapper .input_video[data-v-1fd31035] .video-js .vjs-tech{height:100%}.preview-resource-component .top_wrap .preview-wrapper .frameStyle[data-v-1fd31035]{width:856px!important;position:relative;text-align:center;height:100%;overflow-y:auto}.preview-resource-component .top_wrap .preview-wrapper .no-resource-file[data-v-1fd31035]{display:flex;align-items:center;justify-content:center;font-size:2em;color:#aaa}.preview-resource-component .top_wrap .preview-wrapper .treePreview[data-v-1fd31035]{position:absolute;right:0;top:0;width:324px;background:#222;border-radius:0 0 0 6px;height:520px;overflow-y:auto;padding:0 10px;overflow-x:hidden}.preview-resource-component .top_wrap .preview-wrapper .treePreview div[data-v-1fd31035]{opacity:.6;font-size:14px;color:#fff;line-height:14px}.preview-resource-component .top_wrap .preview-wrapper .treePreview .leaf[data-v-1fd31035]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:40px;position:absolute}.preview-resource-component .top_wrap .preview-wrapper .treePreview .lightStyle[data-v-1fd31035]{color:#fff;opacity:1}.preview-resource-component .bottom[data-v-1fd31035]{margin:0 auto;min-height:570px;padding-top:24px;overflow:hidden}.preview-resource-component .bottom .left[data-v-1fd31035]{width:832px;min-height:506px;background:#fff;border-radius:6px;float:left}.preview-resource-component .bottom .left .title[data-v-1fd31035]{font-family:PingFangSC-Medium;font-size:22px;color:#303133;letter-spacing:0;line-height:22px;margin:40px 0 10px 40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.preview-resource-component .bottom .left .summary[data-v-1fd31035]{margin:0 0 20px 40px;font-size:14px;color:#606266;letter-spacing:0;line-height:14px}.preview-resource-component .bottom .left .summary .label[data-v-1fd31035]{display:inline-block;height:26px;line-height:26px;padding:0 12px;background:#fff;border:1px solid #e4e7ed;border-radius:3px;margin-right:8px;margin-top:10px}.preview-resource-component .bottom .left .summary .viewCount[data-v-1fd31035]{display:inline-block;margin-right:30px}.preview-resource-component .bottom .left .line[data-v-1fd31035]{width:100%;background:#e4e7ed;height:1px}.preview-resource-component .bottom .left .description[data-v-1fd31035]{padding:20px 40px;font-size:14px;color:#606266;letter-spacing:0;text-align:justify;line-height:26px}.preview-resource-component .bottom .left .description P[data-v-1fd31035]{word-wrap:break-word;overflow:hidden}.preview-resource-component .bottom .right[data-v-1fd31035]{width:344px;border-radius:6px;background:#fff;height:506px;float:right;padding:0}.preview-resource-component .bottom .right .name[data-v-1fd31035]{margin:20px;font-size:18px;color:#303133;letter-spacing:0;line-height:18px;margin-bottom:20px}[data-v-1fd31035] .card-simple{width:auto;height:auto;box-shadow:none;display:block;margin:8px 0;background:transparent;padding:8px 10px;border-radius:0}[data-v-1fd31035] .card-simple:after{content:" ";display:block;height:0;clear:both}[data-v-1fd31035] .card-simple:hover{background-color:#efefef}[data-v-1fd31035] .card-simple .img-container{width:140px;height:86px;border-radius:8px;overflow:hidden;float:left}[data-v-1fd31035] .card-simple .card-title{font-size:14px;white-space:normal;line-height:1.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:40px;margin-top:0;margin-bottom:20px;padding-right:0}[data-v-1fd31035] .card-simple .card-desc{padding-right:0}[data-v-1fd31035] .bread_wrap{margin:0 auto;padding:30px 0}[data-v-1fd31035] .bread_wrap span{color:#fff}[data-v-1fd31035] .bread_wrap .el-breadcrumb{width:92%;display:inline-block;position:relative;top:2px;font-size:14px;color:#fff;letter-spacing:0;line-height:14px;margin:0 auto}[data-v-1fd31035] .bread_wrap .el-breadcrumb__inner{color:#fff!important}[data-v-1fd31035] .bread_wrap .el-breadcrumb__inner.is-link{font-weight:500}[data-v-1fd31035] .el-tree .el-tree-node__content:hover{color:#fff;opacity:1;background:none}[data-v-1fd31035] .el-tree-node__children .el-tree-node{position:relative}[data-v-1fd31035] .el-tree-node__children .el-tree-node:after{content:" ";background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAANlBMVEUAAAD////////////////////////////////////////////////////////////////////xY8b8AAAAEnRSTlMAmTqJJQqFfVFJPhNpkwZeNBkdzx/OAAAAbUlEQVQY022QWQ7AIAhEHaCu1bb3v2zdaprgfBjyMoOAmUoiyfx0BEYVh2MRB+uJvAXLInFUEVkmoc9P4JYN3XOX6Qv1Zdvq0z2dWa6/w3eE3OMeyQhoIOAqrZvskA7q9tsh9Kh6Ib32/jj6hC9YAAOBK5RW4QAAAABJRU5ErkJggg==);background-size:18px 18px;width:18px;height:18px;position:absolute;right:0;top:50%;margin-top:-9px;opacity:.3}[data-v-1fd31035] .el-tree-node__children .el-tree-node.is-current:after{opacity:1}[data-v-1fd31035] .el-tree-node:focus>.el-tree-node__content{color:#fff;opacity:1;background:none}[data-v-1fd31035] .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{color:#fff!important;opacity:1!important;background:none}[data-v-1fd31035] .el-tree-node__content>.el-tree-node__expand-icon{padding:0}.custom-tree-node[data-v-1fd31035]{width:270px;overflow:hidden;display:block;text-overflow:ellipsis}@media (max-width:768px){.custom-tree-node[data-v-1fd31035]{width:5.8rem;overflow:hidden;display:block;text-overflow:ellipsis}.preview-resource-component[data-v-1fd31035]{font-size:.28rem}.preview-resource-component .top_wrap[data-v-1fd31035]{height:auto}.preview-resource-component .top_wrap .top[data-v-1fd31035]{border-radius:0;height:0;margin-left:-.32rem;margin-right:-.32rem;background:#333;z-index:1;position:relative}.preview-resource-component .top_wrap .top .title[data-v-1fd31035]{font-size:.28rem;padding:.38rem .38rem .2rem;margin:0}.preview-resource-component .top_wrap .top .secondary[data-v-1fd31035]{font-size:.24rem;padding:0 .38rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.preview-resource-component .top_wrap .preview-wrapper[data-v-1fd31035]{height:auto;margin-left:-.32rem;margin-right:-.32rem}.preview-resource-component .top_wrap .preview-wrapper .input_video[data-v-1fd31035]{height:4.21rem}.preview-resource-component .top_wrap .preview-wrapper .input_video .video-player[data-v-1fd31035]{height:100%}.preview-resource-component .top_wrap .preview-wrapper .input_video[data-v-1fd31035] .video-js{height:100%;padding-top:0;position:static}.preview-resource-component .top_wrap .preview-wrapper .input_video[data-v-1fd31035] .video-js .vjs-tech{height:100%}.preview-resource-component .top_wrap .preview-wrapper .frameStyle[data-v-1fd31035]{width:100%!important;overflow-y:auto;max-height:10.4rem}.preview-resource-component .top_wrap .preview-wrapper .frameStyle.iframeStyle[data-v-1fd31035]{min-height:10.4rem}.preview-resource-component .top_wrap .preview-wrapper .no-resource-file[data-v-1fd31035]{display:flex;align-items:center;justify-content:center;font-size:2em;color:#aaa;height:4.21rem}.preview-resource-component .top_wrap .preview-wrapper .treePreview[data-v-1fd31035]{position:fixed;left:0;transform:translateY(100%);transition:all .3s;top:6rem;bottom:0;padding:.32rem;z-index:3;width:100%;height:auto;box-sizing:border-box;background:#fff;border:0!important;border-radius:.32rem .32rem 0 0;box-shadow:0 0 10px 0 rgba(0,0,0,.2)}.preview-resource-component .top_wrap .preview-wrapper .treePreview div[data-v-1fd31035]{opacity:.6;font-family:PingFangSC-Medium;font-size:14px;color:#fff;line-height:14px}.preview-resource-component .top_wrap .preview-wrapper .treePreview .leaf[data-v-1fd31035]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:40px;position:absolute}.preview-resource-component .top_wrap .preview-wrapper .treePreview .lightStyle[data-v-1fd31035]{color:#fff;opacity:1}.preview-resource-component .top_wrap .preview-wrapper .mobile-menu-open.treePreview[data-v-1fd31035]{transform:translateY(0)}.preview-resource-component .bottom[data-v-1fd31035]{min-height:auto;padding-top:0}.preview-resource-component .bottom .left[data-v-1fd31035]{padding:.38rem;width:auto;min-height:auto;margin-left:-.32rem;margin-right:-.32rem;border-radius:0;float:none}.preview-resource-component .bottom .left .title[data-v-1fd31035]{font-size:.34rem;line-height:.34rem;margin:.2rem 0 .2rem 0;font-weight:700}.preview-resource-component .bottom .left .summary[data-v-1fd31035]{margin:0 0 .2rem 0;font-size:.28rem;color:#606266;letter-spacing:0;line-height:.32rem}.preview-resource-component .bottom .left .summary .label[data-v-1fd31035]{height:.32rem;line-height:.32rem;font-size:.2rem;padding:0 .1rem;border-radius:.04rem;margin-right:.12rem;margin-top:.2rem}.preview-resource-component .bottom .left .summary .viewCount[data-v-1fd31035]{display:block;margin-bottom:.2rem}.preview-resource-component .bottom .left .description[data-v-1fd31035]{padding:.2rem 0;font-size:.28rem;line-height:1.8}.preview-resource-component .bottom .right[data-v-1fd31035]{width:auto;margin-left:-.32rem;margin-right:-.32rem;border-radius:0;padding-top:.2rem;height:auto;float:none;padding:0 .38rem .5rem}.preview-resource-component .bottom .right .name[data-v-1fd31035]{margin:0;font-size:.34rem;font-weight:700;line-height:1.5;margin-bottom:.2rem}[data-v-1fd31035] .card-simple{margin:.1rem 0;padding:.1rem 0;border-radius:0}[data-v-1fd31035] .card-simple .img-container{width:2.57rem;height:1.58rem;border-radius:.1rem}[data-v-1fd31035] .card-simple .card-title{font-size:.28rem;height:.8rem;padding-top:.1rem;margin-bottom:.2rem;padding-left:.2rem;margin-right:0}.empty img[data-v-1fd31035]{width:120px;height:120px}[data-v-1fd31035] .bread_wrap{display:none}[data-v-1fd31035] .el-tree .el-tree-node__content{color:#606266!important;padding-left:0!important}[data-v-1fd31035] .el-tree .el-tree-node__content:hover{color:#606266!important;opacity:1;background:none}[data-v-1fd31035] .el-tree-node__children .el-tree-node{margin:.12rem 0}[data-v-1fd31035] .el-tree-node__children .el-tree-node:after{filter:brightness(0);background-size:.4rem .4rem;width:.4rem;height:.4rem;margin-top:-.28rem}[data-v-1fd31035] .el-tree-node .el-tree-node__content{background:#f5f7fa;border-radius:.08rem;height:.8rem;margin:.1rem 0}[data-v-1fd31035] .el-tree-node__children .el-tree-node__content{background:#fff}[data-v-1fd31035] .el-tree-node:focus>.el-tree-node__content{color:#606266;background:#f5f7fa;opacity:1}[data-v-1fd31035] .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{color:#606266!important;background:#f5f7fa;opacity:1!important}[data-v-1fd31035] .vjs-custom-skin>.video-js .vjs-big-play-button{background-color:rgba(0,0,0,.45);font-size:.6rem;height:.8rem!important;width:1rem!important;margin-top:-.4rem;margin-left:-.5rem;line-height:1em!important;margin-top:-1em!important}[data-v-1fd31035] .el-tree-node__content>.el-tree-node__expand-icon{padding:.2rem}.btn-menu-m[data-v-1fd31035]{height:.5rem;width:1.22rem;line-height:.5rem;background:rgba(0,0,0,.3);text-align:center;border-radius:.08rem;color:#fff;margin:.2rem .32rem}.overlay-menu[data-v-1fd31035]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3)}}