@keyframes rightHandMove-a3a5d2d4{0%{right:20px;bottom:20px}50%{right:-20px;bottom:-20px}to{right:20px;bottom:20px}}@keyframes leftHandMove-a3a5d2d4{0%{left:20px;bottom:20px}50%{left:-20px;bottom:-20px}to{left:20px;bottom:20px}}.flipbook-viewport[data-v-a3a5d2d4]{overflow:hidden;width:100vw;height:100vh;background:#505050}.flipbook-viewport .container[data-v-a3a5d2d4]{position:relative;margin:20px 30px}.flipbook-viewport .container .i-imgPage[data-v-a3a5d2d4]{position:absolute;z-index:2;bottom:0;left:50%;transform:translateX(-50%);display:block;color:#fff}.flipbook-viewport .container .i-leftHand[data-v-a3a5d2d4],.flipbook-viewport .container .i-rightHand[data-v-a3a5d2d4]{position:absolute;z-index:2;bottom:0;left:0;display:block;pointer-events:none}.flipbook-viewport .container .i-leftHand svg[data-v-a3a5d2d4],.flipbook-viewport .container .i-rightHand svg[data-v-a3a5d2d4]{display:block;width:40px;color:#fff}.flipbook-viewport .container .i-rightHand[data-v-a3a5d2d4]{left:auto;right:0;animation:rightHandMove-a3a5d2d4 2s linear infinite}.flipbook-viewport .container .i-leftHand[data-v-a3a5d2d4]{left:0;right:auto;animation:leftHandMove-a3a5d2d4 2s linear infinite}.flipbook-viewport .container .p-empty[data-v-a3a5d2d4]{display:block;text-align:center;position:absolute;top:50%;left:0;right:0;color:#fff}.flipbook-viewport .shadow[data-v-a3a5d2d4]{-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-a3a5d2d4] .el-overlay .d-imgBox{display:flex;width:100%;flex-wrap:wrap;overflow:hidden}.flipbook-viewport[data-v-a3a5d2d4] .el-overlay .d-imgBox span{display:block;width:calc(25% - 20px);margin:10px 10px 0 10px}.flipbook-viewport[data-v-a3a5d2d4] .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-a3a5d2d4] .el-overlay .d-imgBox span em{display:block;line-height:30px;text-align:center}.flipbook-viewport[data-v-a3a5d2d4] .el-overlay .d-imgBox span[hover=hover] img{border:2px solid #67c23a}.flipbook-viewport[data-v-a3a5d2d4] .el-overlay .d-imgBox span[hover=hover] em{color:#67c23a;font-weight:700}.flipbook[data-v-a3a5d2d4]{width:calc(100vw - 60px);height:calc(100vh - 100px)}.flipbook span[data-v-a3a5d2d4]{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-a3a5d2d4]{display:block;width:100%;height:auto}.d-foot[data-v-a3a5d2d4]{position:fixed;left:0;bottom:0;right:0;height:50px;padding-bottom:10px;display:flex;align-items:center;justify-content:space-between;background:#393939}.d-foot a[data-v-a3a5d2d4]{display:flex;align-items:center;justify-content:center;width:33.33%;height:100%}.d-foot a svg[data-v-a3a5d2d4]{width:auto;height:50%}