.bookMain[data-v-042d870c]{width:600px;height:350px;border:5px solid #1296db;box-sizing:border-box;border-radius:10px;position:relative;perspective:1500px}.bookMain .bookItem[data-v-042d870c]{width:50%;height:100%;border-radius:10px;background:#fff;overflow:hidden;position:absolute;top:0;right:0}.bookMain .bookItem>.loading[data-v-042d870c]{position:absolute;top:0;left:0;right:0;bottom:0;width:30px;height:30px;margin:auto;animation:loading-042d870c 1s linear infinite}.bookMain .bookItem .index[data-v-042d870c]{position:absolute;bottom:5px;font-style:normal;width:20px;height:20px;line-height:20px;text-align:center;background:rgba(18,150,219,.4);border-radius:50%}.bookMain .bookItem .index.index-left[data-v-042d870c]{left:5px}.bookMain .bookItem .index.index-right[data-v-042d870c]{right:5px}.bookMain .bookItem.left[data-v-042d870c]{left:0;right:auto}.bookMain .bookItem.right[data-v-042d870c]{left:auto;right:0}.bookMain .bookItem.rotate180.left-hidden [data-v-042d870c],.bookMain .bookItem.rotate180.left-visible [data-v-042d870c],.bookMain .bookItem.rotate180.right-hidden [data-v-042d870c],.bookMain .bookItem.rotate180.right-visible [data-v-042d870c]{transform:rotateY(180deg)}.bookMain .bookItem.rotate180.left-hidden .index.index-left[data-v-042d870c],.bookMain .bookItem.rotate180.left-visible .index.index-left[data-v-042d870c],.bookMain .bookItem.rotate180.right-hidden .index.index-left[data-v-042d870c],.bookMain .bookItem.rotate180.right-visible .index.index-left[data-v-042d870c]{left:auto;right:5px}.bookMain .bookItem.rotate180.left-hidden .index.index-right[data-v-042d870c],.bookMain .bookItem.rotate180.left-visible .index.index-right[data-v-042d870c],.bookMain .bookItem.rotate180.right-hidden .index.index-right[data-v-042d870c],.bookMain .bookItem.rotate180.right-visible .index.index-right[data-v-042d870c]{right:auto;left:5px}.bookMain .bookItem.right-hidden[data-v-042d870c]{z-index:99!important;transform-origin:right;animation:right-hidden-042d870c 1s linear 1 both}.bookMain .bookItem.right-visible[data-v-042d870c]{z-index:100!important;transform-origin:right;animation:right-visible-042d870c 1s linear 1 both}.bookMain .bookItem.left-hidden[data-v-042d870c]{z-index:99!important;transform-origin:left;animation:left-hidden-042d870c 1s linear 1 both}.bookMain .bookItem.left-visible[data-v-042d870c]{z-index:100!important;transform-origin:left;animation:left-visible-042d870c 1s linear 1 both}@keyframes right-hidden-042d870c{0%{opacity:1;transform:rotateY(0deg)}50%{opacity:1;box-shadow:0 0 20px #333;transform:rotateY(90deg)}50.1%{opacity:0;transform:rotateY(90deg)}to{opacity:0;box-shadow:none;transform:rotateY(180deg)}}@keyframes right-visible-042d870c{0%{opacity:0;transform:rotateY(0deg)}50%{opacity:0;box-shadow:0 0 20px #333;transform:rotateY(90deg)}50.1%{opacity:1;transform:rotateY(90deg)}to{opacity:1;box-shadow:none;transform:rotateY(180deg)}}@keyframes left-hidden-042d870c{0%{opacity:1;transform:rotateY(0deg)}50%{opacity:1;box-shadow:0 0 20px #333;transform:rotateY(-90deg)}50.1%{opacity:0;transform:rotateY(-90deg)}to{opacity:0;box-shadow:none;transform:rotateY(-180deg)}}@keyframes left-visible-042d870c{0%{opacity:0;transform:rotateY(0deg)}50%{opacity:0;box-shadow:0 0 20px #333;transform:rotateY(-90deg)}50.1%{opacity:1;transform:rotateY(-90deg)}to{opacity:1;box-shadow:none;transform:rotateY(-180deg)}}@keyframes loading-042d870c{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}