.preview-all{width:100%;position:fixed;height:100%;top:0;left:0;z-index:999;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.4);flex-direction:row-reverse}.preview-all .context{height:75%;width:75%;position:relative}.preview-all .context .sh-img{position:absolute;right:0;top:0;z-index:99999999}.preview-all .context .prev-icon{left:20px}.preview-all .context .next-icon,.preview-all .context .prev-icon{position:absolute;top:calc(50% - 20px);background:#f78989;color:#fff;border-radius:50%;padding:20px;display:flex;justify-items:center}.preview-all .context .next-icon{right:20px}.preview-all .context .icon{z-index:9999999px}.preview-all .context .preview-handle{display:none;position:absolute;bottom:-50px;right:0}.preview-all .context .pingpua{position:relative;background:#fff;background-size:100% 100%!important;transform-origin:0 0}.preview-all .context .bar{list-style:none;position:absolute;right:-30px;bottom:0;width:30px;box-sizing:border-box;border-radius:0 5px 5px 0;overflow:hidden;background:#f4f4f4}.preview-all .context .bar li{background:#e2e2e2;text-align:center;width:100%;box-sizing:border-box;padding:10px 0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-top:10px;writing-mode:vertical-lr;writing-mode:tb-lr}.preview-all .context .bar .bg{background:#ffe6b0;color:#666;cursor:pointer}.preview-all .context .claer{position:absolute;top:10px;right:-30px;width:30px;height:30px;border-radius:100%;color:#fff;font-size:20px}.preview-all .context .addDocu{width:100%;height:100%}.preview-all .context .addDocu>div{height:100%}.preview-all .context .addDocu .video,.preview-all .context .addDocu img{width:100%;height:100%}.preview-all .context .addDocu .audio{width:100%;display:flex;flex-direction:column}.preview-all .context .addDocu .subtitle{display:block!important;height:100%;min-width:100%;overflow:hidden;color:#333;white-space:nowrap;position:relative}.preview-all .context .addDocu .subtitle .subtitle-text{display:inline;position:absolute;top:0;left:0}.preview-all .context .addDocu>.date,.preview-all .context .addDocu>.time,.preview-all .context .addDocu>.weeks{color:#333;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.preview-all .context .addDocu>div .material_te{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}.preview-all .context .addDocu video{width:100%;height:100%;-o-object-fit:fill;object-fit:fill}.preview-all .context .addDocu .weather{height:100%}.preview-all .context .addDocu .weather .weather1{font-size:18px;color:#666;display:flex;height:100%}.preview-all .context .addDocu .weather .weather1 .weather-img{flex:1;justify-content:flex-end;align-items:center;display:flex}.preview-all .context .addDocu .weather .weather1 .weather-text{flex:1;display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.preview-all .context .addDocu>.webPage{width:100%;height:100%;position:relative}.preview-all .context .addDocu>.webPage .webPagez{position:absolute;top:0;left:0;width:100%;height:100%;z-index:200;background:transparent}.preview-all .context .addDocu>.webPage .webPageiframe{width:100%;height:100%}.preview-all .context .addDocu>.streaming{width:100%;height:100%;position:relative}.preview-all .context .addDocu>.streaming .streamingz{position:absolute;top:0;left:0;width:100%;height:100%;z-index:200;background:transparent}.preview-all .context .addDocu>.streaming .webPageiframe{width:100%;height:100%}.preview-all .context .addDocu:last-child{display:block}.preview-all .btns{text-align:center;display:none!important;width:100px;height:75%;background:#e8e9eb}.preview-all .btns div{height:50px;border-bottom:1px solid #555;box-sizing:border-box;line-height:50px;text-align:center;margin-bottom:20px}.preview-all .btns .el-button{width:90%;margin:0;margin-bottom:10px}