.image-poster-container{position:fixed;z-index:2999;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.7);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.image-poster-container .image-poster{width:309px;max-height:500px;overflow-y:auto}.image-poster-container .image-poster #image-poster{background:#fff;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;text-align:center;border-radius:3px;overflow:hidden;line-height:1}.image-poster-container .image-poster #image-poster .image{-webkit-transform-origin:0 0;transform-origin:0 0}.image-poster-container .image-poster #image-poster .title{font-size:20px;margin-top:10px}.image-poster-container .image-poster #image-poster .subtitle{font-size:12px;color:#999;margin-top:6px}.image-poster-container .image-poster #image-poster .course-num{font-size:14px;margin-top:10px}.image-poster-container .image-poster #image-poster .poster-info{font-size:16px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:15px 16px 0;text-align:left}.image-poster-container .image-poster #image-poster .poster-info .poster-base-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.image-poster-container .image-poster #image-poster .poster-info .guide,.image-poster-container .image-poster #image-poster .poster-info span{font-size:12px}.image-poster-container .image-poster #image-poster .poster-info .desc{font-size:14px;color:#333;padding-top:4px}.image-poster-container .image-poster #image-poster .poster-info .guide{color:#999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:4px}.image-poster-container .image-poster #image-poster .poster-info .guide .poster-guide{width:22px;height:8px}.image-poster-container .image-poster #image-poster .qr-code-container{width:60px;height:60px}.image-poster-container .image-poster #image-poster .qr-code-container canvas{-webkit-transform-origin:0 0;transform-origin:0 0}.image-poster-container .image-poster #image-poster .copyright{font-size:10px;height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.image-poster-container .image-poster #image-poster .copyright i{margin-right:4px;border-radius:18px}.image-poster-container .image-poster .poster{width:100%}.image-poster-container .tip{margin-top:5px;font-size:12px;color:#fff;text-align:center}.page-course-ppt{font-size:0}.page-course-ppt .img-item{position:relative;margin-bottom:2.66667vw}.page-course-ppt .img-item span{position:absolute;color:#fff;font-size:3.2vw;bottom:4vw;right:4.26667vw;z-index:1}.page-course-ppt .van-image{width:100%}.page-course-ppt .van-image.image-blur img{-webkit-filter:blur(1.06667vw);filter:blur(1.06667vw)}.page-course-ppt .van-image-preview .van-image-preview__index{bottom:2.66667vw;position:absolute;width:100%;text-align:center;top:calc(100% - 6.66667vw)}.page-course-ppt .van-image-preview .van-image-preview__index div{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;bottom:0}.page-course-ppt .mask{position:absolute;background:rgba(0,0,0,.7);top:0;left:0;right:0;bottom:0}.page-course-ppt .mask i{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}