.resource-preview-dialog-style .dialog-title .topMoudel[data-v-596ac718]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.resource-preview-dialog-style .dialog-title .topMoudel .title-style-left[data-v-596ac718]{color:#fff;font-size:16px;font-weight:700}.resource-preview-dialog-style .resource-preview-body[data-v-596ac718]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:0;overflow:hidden;position:relative}.resource-preview-dialog-style .resource-preview-body .resource-content[data-v-596ac718]{height:100%;padding:20px 20px 40px}.resource-preview-dialog-style .resource-preview-body .resource-content .res-video[data-v-596ac718]{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.resource-preview-dialog-style .resource-preview-body .resource-content .res-audio[data-v-596ac718]{position:relative;height:100vh}.resource-preview-dialog-style .resource-preview-body .resource-content .res-audio .audio-wrapper[data-v-596ac718]{position:absolute;top:225px;left:50%;margin-left:-175px;width:350px;height:30px}.resource-preview-dialog-style .resource-preview-body .resource-content .res-document[data-v-596ac718]{height:100%;text-align:center}.resource-preview-dialog-style .resource-preview-body .resource-content .res-document iframe[data-v-596ac718]{background:#fff;width:940px;height:calc(100vh - 120px);border:none}@media screen and (max-width:767px){.resource-preview-dialog-style .resource-preview-body .resource-content .res-document iframe[data-v-596ac718]{height:calc(100vh - 350px)}}.resource-preview-dialog-style .resource-preview-body .resource-content .res-img[data-v-596ac718]{position:relative;height:100%}.resource-preview-dialog-style .resource-preview-body .resource-content .res-img .image-wrapper[data-v-596ac718]{position:absolute;width:720px;height:540px;left:50%;top:50%;margin-top:-270px;margin-left:-360px;text-align:center;line-height:540px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.resource-preview-dialog-style .resource-preview-body .resource-content .res-img .image-wrapper img[data-v-596ac718]{max-width:100%;max-height:100%;-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);-webkit-transition:-webkit-transform .3s ease 0s;transition:-webkit-transform .3s ease 0s;transition:transform .3s ease 0s;transition:transform .3s ease 0s,-webkit-transform .3s ease 0s}.resource-preview-dialog-style .resource-preview-body .resource-content .res-img .actions-bar[data-v-596ac718]{position:absolute;bottom:50px;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.resource-preview-dialog-style .resource-preview-body .resource-content .res-img .actions-bar .component[data-v-596ac718]{height:50px;line-height:56px;padding:0 10px;background-color:#000;border-radius:4px;z-index:4000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block}.resource-preview-dialog-style .resource-preview-body .resource-content .res-img .actions-bar .component i[data-v-596ac718]{font-size:22px!important;margin:0 10px;color:#999;cursor:pointer}.resource-preview-dialog-style .resource-preview-body .resource-content .res-img .actions-bar .component i[data-v-596ac718]:hover{color:#fff}.resource-preview-dialog-style .resource-preview-body .resource-content .res-other[data-v-596ac718],.resource-preview-dialog-style .resource-preview-body .resource-content .res-richtext[data-v-596ac718]{padding:30px;margin:auto;background-color:#fff}.resource-preview-dialog-style .resource-preview-body .resource-content .res-richtext[data-v-596ac718]{width:940px;height:100%;overflow:hidden;line-height:24px}.resource-preview-dialog-style .resource-preview-body .resource-content .res-icon[data-v-596ac718]{display:block;margin:110px auto 20px;width:60px;height:60px;text-align:center}.resource-preview-dialog-style .resource-preview-body .resource-content .res-path[data-v-596ac718]{margin-bottom:30px;font-size:20px;line-height:28px;text-align:center;overflow-wrap:break-word}.resource-preview-dialog-style .resource-preview-body .resource-content .res-tips[data-v-596ac718]{margin-bottom:10px;text-align:center}.resource-preview-dialog-style .resource-preview-body .resource-content .res-link[data-v-596ac718]{padding:30px;text-align:center}.resource-preview-dialog-style .resource-preview-body .resource-content .res-link .button[data-v-596ac718]{text-decoration:none}.resource-preview-dialog-style .resource-preview-body .resource-content .res-course[data-v-596ac718]{padding:30px 20px}.resource-preview-dialog-style .resource-preview-body .resource-content .res-course .course-header[data-v-596ac718]{overflow:hidden}.resource-preview-dialog-style .resource-preview-body .resource-content .res-course .course-header img[data-v-596ac718]{width:300px;height:225px;float:left}.resource-preview-dialog-style .resource-preview-body .resource-content .res-course .course-header .info[data-v-596ac718]{padding-left:320px}.resource-preview-dialog-style .resource-preview-body .resource-content .res-course .course-header .title[data-v-596ac718]{max-height:72px;font-size:24px;line-height:36px;font-weight:bolder;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.resource-preview-dialog-style .resource-preview-body .resource-content .res-course .course-header .group-label[data-v-596ac718]{margin-top:18px;color:#969696}.resource-preview-dialog-style .resource-preview-body .resource-content .res-course .course-header .group-label i[data-v-596ac718]{font-size:14px;margin-right:6px}.resource-preview-dialog-style .resource-preview-body .resource-content .res-course .course-header .group-member[data-v-596ac718]{margin-top:10px}.resource-preview-dialog-style .resource-preview-body .resource-content .res-course .desc[data-v-596ac718]{margin-top:24px}.resource-preview-dialog-style .resource-preview-body .resource-content .res-course .desc .label[data-v-596ac718]{padding:0 10px;line-height:36px;font-size:18px;border-left:3px solid #ff551d;font-weight:700;background-color:#f8f8f8}.resource-preview-dialog-style .resource-preview-body .resource-content .res-course .desc .content[data-v-596ac718]{margin-top:24px;line-height:21px}.resource-preview-dialog-style .resource-preview-body .btn[data-v-596ac718]{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:48px;height:48px;background:hsla(0,0%,100%,.3);border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:24px;color:#fff;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.resource-preview-dialog-style .resource-preview-body .btn[data-v-596ac718]:hover{background:#1677ff}.resource-preview-dialog-style .resource-preview-body .btn[data-v-596ac718]:active{-webkit-transform:translateY(-50%) scale(.95);transform:translateY(-50%) scale(.95)}.resource-preview-dialog-style .resource-preview-body .btn-prev[data-v-596ac718]{left:20px}.resource-preview-dialog-style .resource-preview-body .btn-next[data-v-596ac718]{right:20px}.resource-preview-dialog-style .el-overlay{z-index:8888!important}.resource-preview-dialog-style .el-dialog{background-color:rgba(0,0,0,.7);border-radius:unset}.resource-preview-dialog-style .el-dialog .el-dialog__header{padding:10px 20px;background-color:rgba(0,0,0,.5)}.resource-preview-dialog-style .el-dialog .el-dialog__body{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-top:0;padding-bottom:0;padding:0;height:calc(100% - 56px)}.resource-preview-dialog-model-style{z-index:999!important}