.markImg{position:relative;max-width:945px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.markImg img{width:100%;border-bottom:1px solid #3c3f41}.markImg .canvas-img{display:none}.preview-new-wrapper[data-v-d0d67ac4]{height:100%;width:100%;background:#3c3f41}.preview-new-wrapper .head-screen-top[data-v-d0d67ac4]{position:relative;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:99;background:#282828;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.preview-new-wrapper .center-name[data-v-d0d67ac4]{width:25%;margin-left:20px;font-size:16px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-new-wrapper .differ-type[data-v-d0d67ac4]{width:75%}.preview-new-wrapper .left-close[data-v-d0d67ac4]{width:30px;height:30px;line-height:30px;text-align:center;color:#fff;cursor:pointer;border-radius:6px;margin-right:20px}.preview-new-wrapper .left-close[data-v-d0d67ac4]:hover{background:#3e4245}.preview-new-wrapper .right-warp[data-v-d0d67ac4]{width:120px;position:absolute;left:0;right:0;margin:0 auto;color:#fff;font:14px "\5FAE\8F6F\96C5\9ED1",Hiragino Sans GB,arial,helvetica,clean}.preview-new-wrapper .right-warp[data-v-d0d67ac4] .el-input-number{width:40px}.preview-new-wrapper .right-warp[data-v-d0d67ac4] .el-input__inner{width:40px;padding:0;font-size:14px;text-align:center;border-radius:2px;color:#666;background:#e3e3e3}.preview-new-wrapper .right-warp[data-v-d0d67ac4] .el-input__inner:focus{border-color:#e3e3e3}.preview-new-wrapper .right-warp .sp-text[data-v-d0d67ac4]{margin:0 5px;display:inline-block;height:28px;line-height:28px}.preview-new-wrapper .preview-app[data-v-d0d67ac4]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:calc(100% - 50px)}.preview-new-wrapper .preview-wrapper[data-v-d0d67ac4]{height:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-negative:1;flex-shrink:1;height:auto;padding:0 10px;overflow-y:auto}.preview-new-wrapper .content-box[data-v-d0d67ac4]{max-width:945px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.preview-new-wrapper .content-box img[data-v-d0d67ac4]{width:100%;border-bottom:1px solid #3c3f41}.preview-new-wrapper .video-preview-box[data-v-d0d67ac4]{position:relative;text-align:center;height:calc(100% - 40px)}.preview-new-wrapper .video-preview[data-v-d0d67ac4]{max-height:100%;max-width:90%;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto}.preview-resources[data-v-d0d67ac4]{position:fixed;top:0;left:0;z-index:2000;width:100%;height:100%}.preview-resources .icon-closeimg-s[data-v-d0d67ac4]{size:26px;position:fixed;right:20px;font-size:35px;cursor:pointer;font-weight:bolder;bottom:20px}.demo-image__lazy[data-v-d0d67ac4]{max-width:100%;height:100%;overflow:auto}.demo-image__lazy .el-image[data-v-d0d67ac4]{height:100%;display:block;text-align:center}.demo-image__lazy .el-image__inner[data-v-d0d67ac4]{width:auto;margin:0 auto}[data-v-d0d67ac4]::-webkit-scrollbar,[data-v-d0d67ac4]::-webkit-scrollbar-track{background-color:#f5f5f5;border-radius:2px}[data-v-d0d67ac4]::-webkit-scrollbar{width:6px}[data-v-d0d67ac4]::-webkit-scrollbar-thumb{background-color:#9ca7a7;border-radius:2px}[data-v-d0d67ac4]::-webkit-scrollbar-track:horizontal{background-color:#f5f5f5;border-radius:2px}[data-v-d0d67ac4]::-webkit-scrollbar:horizontal{height:2px;background-color:#f5f5f5}[data-v-d0d67ac4]::-webkit-scrollbar-thumb:horizontal{background-color:#aaa;border-radius:2px}.sz-course-detail .sz-course-banner{height:460px;background-image:url(https://file.clpp.org.cn/ykt/ori/q8sxaesrc6dmn2btvri0la/jAnBGBANRHS2QBc8.png);background-size:cover;background-position:50%;background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.sz-course-detail .course-info-con{width:1200px;margin:0 auto}.sz-course-detail .course-info-con .info-con-nav{padding:17px 0;line-height:1;color:#fff}.sz-course-detail .course-info-con .sp-nav{cursor:pointer}.sz-course-detail .course-text-info{display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px;height:380px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.sz-course-detail .course-text-info .course-detail-img{width:612px;height:350px}.sz-course-detail .course-text-info .course-detail-img img{width:100%;height:100%}.sz-course-detail .course-text-info .course-detail-info{padding-left:19px}.sz-course-detail .course-text-info .course-detail-info .course-name{font-size:20px;line-height:30px}.sz-course-detail .course-text-info .course-detail-info .course-school{margin-top:20px;font-size:16px;color:#666}.sz-course-detail .course-text-info .course-detail-info .course-info{margin-top:20px}.sz-course-detail .course-text-info .course-detail-info .sp-text{color:#666}.sz-course-detail .course-text-info .course-detail-info .course-num{margin-top:20px;color:#666}.sz-course-detail .course-text-info .course-detail-info .sp-num{color:#bd1e22;font-size:20px}.sz-course-detail .course-detail-con{padding-top:40px;padding-bottom:51px;background-image:url(https://file.clpp.org.cn/ykt/ori/q8sxaesrc6dmn2btvri0la/KkP3xpAMStxwBB7c.png);background-repeat:no-repeat;background-position:50%;background-size:cover}.sz-course-detail .course-detail-con .course-detail-box{width:1200px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex}.sz-course-detail .course-detail-con .left-course-info{width:860px;height:1000px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.sz-course-detail .course-detail-con .course-head-top{height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;background:#fae1e2}.sz-course-detail .course-detail-con .course-head-top .type-tab{width:123px;height:60px;line-height:60px;font-size:16px;text-align:center;cursor:pointer}.sz-course-detail .course-detail-con .course-head-top .tab-active{color:#fff;background:#bd1e22}.sz-course-detail .course-detail-con .course-info-text{padding:25px 30px}.sz-course-detail .course-detail-con .course-info-text .h3-head-top{position:relative;padding-left:11px;font-size:18px;font-weight:400;padding-bottom:15px;border-bottom:1px solid #fae1e2}.sz-course-detail .course-detail-con .course-info-text .h3-head-top:before{content:"";position:absolute;left:0;top:4px;width:4px;height:18px;background:#bd1e22}.sz-course-detail .course-detail-con .course-info-text .course-info-content{margin-top:30px;height:840px}.sz-course-detail .course-detail-con .course-info-text .course-info-content ul{list-style:none}.sz-course-detail .course-detail-con .right-course-list{padding:20px 15px;height:1000px;width:320px;margin-left:20px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.sz-course-detail .course-detail-con .right-course-list .h3-head-top{position:relative;padding-left:11px;font-size:18px;font-weight:400;padding-bottom:20px}.sz-course-detail .course-detail-con .right-course-list .h3-head-top:before{content:"";position:absolute;left:0;top:4px;width:4px;height:18px;background:#bd1e22}.sz-course-detail .course-detail-con .right-course-list .course-list-con{overflow-y:auto}.sz-course-detail .course-detail-con .right-course-list .item-info-text{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:20px;cursor:pointer}.sz-course-detail .course-detail-con .right-course-list .info-img{width:130px;height:74px}.sz-course-detail .course-detail-con .right-course-list .info-con{padding-left:9px;-webkit-box-flex:1;-ms-flex:1;flex:1}.sz-course-detail .course-detail-con .right-course-list .p-name{line-height:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.sz-course-detail .course-detail-con .right-course-list .p-title{-webkit-line-clamp:1}.sz-course-detail .course-detail-con .right-course-list .p-school{margin-top:4px;color:#666;font-size:12px}.sz-course-detail .school-list-box .item-school-con{padding-bottom:25px;margin-bottom:25px;display:-webkit-box;display:-ms-flexbox;display:flex;height:200px;border-bottom:1px dashed #fae1e2}.sz-course-detail .school-list-box .school-cover-left{width:350px;height:200px}.sz-course-detail .school-list-box .school-cover-left img{width:100%;height:100%}.sz-course-detail .school-list-box .school-info-right{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:18px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.sz-course-detail .school-list-box .school-info-right .p-name{line-height:30px;font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sz-course-detail .school-list-box .school-info-right .p-con{height:70px;margin-top:8px;font-size:14px;color:#666;line-height:24px;word-break:break-all;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.sz-course-detail .school-list-box .school-info-right .bottom-btn{margin-top:15px;text-align:left}.sz-course-detail .school-list-box .school-info-right .bottom-btn .sp-btn{display:inline-block;width:150px;height:40px;line-height:40px;color:#fff;font-size:14px;text-align:center;background:#bd1e22;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.sz-course-detail .info-num{margin-top:16px;padding-bottom:20px}.sz-course-detail .info-num .sp-num{display:inline-block;font-size:20px;color:#333}.sz-course-detail .info-num .sp-num i{display:inline-block;font-size:32px;vertical-align:2px}.sz-course-detail .info-num .sp-num .sp-right{display:inline-block;height:32px;margin-left:14px}.sz-course-detail .info-num .sp-num .p-one{line-height:1}.sz-course-detail .info-num .sp-num .sp-text{line-height:1;font-size:12px}.sz-course-detail .sources-detail-dow{margin-top:40px}.sz-course-detail ul{list-style:none}.sz-course-detail li{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.sz-course-detail li:hover{color:#4165de}.sz-course-detail .sp-name{margin-right:20px}.sz-course-detail .video-preview-player{position:relative;margin-top:60px;width:100%;height:450px;background:rgba(0,0,0,.2)}