.viewPicture{background-color:#fff;margin-top:10px;height:75vh;overflow-y:auto;position:relative}.viewPicture .viewPicture-content{border-top:2px solid #3b9d5b;padding:2% 1% 2% 1%}.viewPicture .viewPicture-content .edit-text{width:90%;padding:2%;font-size:14px;font-family:Microsoft YaHei;font-weight:300;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.viewPicture .viewPicture-content .edit-text p{color:#087738}.viewPicture .viewPicture-content .viewPicture-list{padding:2% 2% 2% 2%}.viewPicture .viewPicture-content .viewPicture-list .content-img{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.viewPicture .viewPicture-content .viewPicture-list .content-img .img-list{width:32%;margin-bottom:20px;height:200px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:1%;padding:5px;border:1px solid #087738;-webkit-box-sizing:border-box;box-sizing:border-box}.viewPicture .viewPicture-content .viewPicture-list .content-img .img-list .el-image{width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle!important}.viewPicture .viewPicture-content .viewPicture-list .content-img .img-list .el-image__error{width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle}.viewPicture .viewPicture-content .viewPicture-list .block{width:100%;padding:20px 0 0 0;border-top:1px solid #f5f7fa;position:absolute;bottom:25px;right:15px}.viewPicture .viewPicture-content .viewPicture-list .video-js.vjs-fluid{height:180px}.viewPicture .video-js .vjs-big-play-button{width:1.5em;height:1.5em;border-radius:50%;margin-left:-.75em;margin-top:-.75em;line-height:1.4em}.viewPicture .video-js.vjs-paused .vjs-big-play-button{display:block}.viewPicture .video-js.vjs-error .vjs-big-play-button{display:none}.viewPicture .vjs-loading-spinner{font-size:2.5em;width:2em;height:2em;border-radius:1em;margin-top:-1em;margin-left:-1.5em}.viewPicture .vjs-fluid{padding-top:0!important}.viewPicture .video-js .vjs-time-control{display:block}.viewPicture .video-js .vjs-remaining-time{display:none}.viewPicture .video-js .vjs-control-bar{display:-webkit-box;display:-ms-flexbox;display:flex}.viewPicture .vjs-poster{background-size:cover}.viewPicture .video-js .vjs-play-progress{color:#ffb845;background-color:#ffb845}.viewPicture .video-js .vjs-progress-control .vjs-mouse-display{background-color:#ffb845}.viewPicture .vjs-mouse-display .vjs-time-tooltip{padding-bottom:6px;background-color:#ffb845}.viewPicture .video-js .vjs-play-progress .vjs-time-tooltip{display:none!important}@media screen and (max-width:780px){.viewPicture{height:90vh;overflow-y:auto;background-color:#fff}.viewPicture .viewPicture-content .viewPicture-list{padding:2% 2% 2% 2%}.viewPicture .viewPicture-content .viewPicture-list .content-img{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.viewPicture .viewPicture-content .viewPicture-list .content-img .img-list{width:49%;height:150px;margin-bottom:20px}.viewPicture .viewPicture-content .viewPicture-list .content-img .img-list .el-image{width:auto;height:auto;max-width:100%;max-height:100%}.viewPicture .viewPicture-content .viewPicture-list .content-img .img-list .el-image__error{width:100%!important;height:200px!important}.viewPicture .viewPicture-content .viewPicture-list .block{display:none!important}.viewPicture .viewPicture-content .viewPicture-list .video-js.vjs-fluid{height:80%}}