.flipbook-viewport[data-v-e3f349aa]{overflow:hidden;width:100vw;height:100vh;background:#505050}.flipbook-viewport .container[data-v-e3f349aa]{position:relative;margin:10px}.flipbook-viewport .container .p-empty[data-v-e3f349aa]{display:block;text-align:center;position:absolute;top:50%;left:0;right:0;color:#fff}.flipbook-viewport .shadow[data-v-e3f349aa]{-webkit-transition:-webkit-box-shadow .5s;-moz-transition:-moz-box-shadow .5s;-o-transition:-webkit-box-shadow .5s;-ms-transition:-ms-box-shadow .5s;-o-box-shadow:0 0 20px #000;-ms-box-shadow:0 0 20px #000;box-shadow:0 0 20px #000}.flipbook-viewport[data-v-e3f349aa] .el-overlay .d-imgBox{display:flex;width:100%;flex-wrap:wrap;overflow:hidden}.flipbook-viewport[data-v-e3f349aa] .el-overlay .d-imgBox span{display:block;width:calc(25% - 10px);margin:10px 10px 0 0}.flipbook-viewport[data-v-e3f349aa] .el-overlay .d-imgBox span img{display:block;width:100%;height:auto;box-shadow:0 0 5px rgba(0,0,0,.5);border:2px solid #fff}.flipbook-viewport[data-v-e3f349aa] .el-overlay .d-imgBox span em{display:block;line-height:30px;text-align:center}.flipbook-viewport[data-v-e3f349aa] .el-overlay .d-imgBox span[hover=hover] img{border:2px solid #67c23a}.flipbook-viewport[data-v-e3f349aa] .el-overlay .d-imgBox span[hover=hover] em{color:#67c23a;font-weight:700}.flipbook[data-v-e3f349aa]{width:calc(100vw - 20px);height:calc(100vh - 70px);margin-top:10px}.flipbook span[data-v-e3f349aa]{display:flex;width:100%;align-items:center;justify-content:center;background:#505050;position:relative;-ms-box-shadow:0 0 20px rgba(0,0,0,.2);-o-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2)}.flipbook span img[data-v-e3f349aa]{display:block;width:100%;height:auto}.d-foot[data-v-e3f349aa]{position:fixed;left:0;bottom:0;right:0;height:50px;display:flex;align-items:center;justify-content:space-between;background:#393939}.d-foot a[data-v-e3f349aa]{display:flex;align-items:center;justify-content:center;width:33.33%;height:100%}.d-foot a svg[data-v-e3f349aa]{width:auto;height:50%}