.wrap[data-v-00dbcecd]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;margin:0;padding:0;background-color:#446072;font-family:Microsoft YaHei,sans-serif;color:#fff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.shelf[data-v-00dbcecd]{position:relative;width:30rem;height:14rem;border:.5rem solid #374d5b;border-radius:.5rem;background-color:hsla(0,0%,100%,.1);-webkit-perspective:130rem;perspective:130rem;-webkit-box-shadow:inset 0 0 2rem rgba(0,0,0,.2);box-shadow:inset 0 0 2rem rgba(0,0,0,.2)}.door[data-v-00dbcecd]{position:absolute;width:14.8rem;height:14rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;padding:1rem;background-color:#374d5b;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.3);box-shadow:0 1px 1px rgba(0,0,0,.3)}.door[data-v-00dbcecd]:before{width:1.5rem;height:1.5rem;border-radius:50%;background-color:rgba(0,0,0,.1);content:""}.door.left[data-v-00dbcecd]{border-radius:0 .75rem .75rem 0;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-animation:leftDoorOpen-data-v-00dbcecd 3.5s ease-out 1s forwards,leftDoorFlap-data-v-00dbcecd 15s linear 9s infinite forwards;animation:leftDoorOpen-data-v-00dbcecd 3.5s ease-out 1s forwards,leftDoorFlap-data-v-00dbcecd 15s linear 9s infinite forwards;-webkit-transform-origin:0 0 0;transform-origin:0 0 0}@-webkit-keyframes leftDoorOpen-data-v-00dbcecd{60%{-webkit-transform:rotateY(-115deg);transform:rotateY(-115deg)}to{-webkit-transform:rotateY(-110deg);transform:rotateY(-110deg)}}@keyframes leftDoorOpen-data-v-00dbcecd{60%{-webkit-transform:rotateY(-115deg);transform:rotateY(-115deg)}to{-webkit-transform:rotateY(-110deg);transform:rotateY(-110deg)}}@-webkit-keyframes leftDoorFlap-data-v-00dbcecd{0%{-webkit-transform:rotateY(-110deg);transform:rotateY(-110deg)}5%{-webkit-transform:rotateY(-115deg);transform:rotateY(-115deg)}15%{-webkit-transform:rotateY(-107deg);transform:rotateY(-107deg)}25%{-webkit-transform:rotateY(-113deg);transform:rotateY(-113deg)}30%{-webkit-transform:rotateY(-110deg);transform:rotateY(-110deg)}to{-webkit-transform:rotateY(-110deg);transform:rotateY(-110deg)}}@keyframes leftDoorFlap-data-v-00dbcecd{0%{-webkit-transform:rotateY(-110deg);transform:rotateY(-110deg)}5%{-webkit-transform:rotateY(-115deg);transform:rotateY(-115deg)}15%{-webkit-transform:rotateY(-107deg);transform:rotateY(-107deg)}25%{-webkit-transform:rotateY(-113deg);transform:rotateY(-113deg)}30%{-webkit-transform:rotateY(-110deg);transform:rotateY(-110deg)}to{-webkit-transform:rotateY(-110deg);transform:rotateY(-110deg)}}.door.right[data-v-00dbcecd]{right:0;border-radius:.75rem 0 0 .75rem;-webkit-animation:rightDoorOpen-data-v-00dbcecd 3s ease-out 1.5s forwards,rightDoorFlap-data-v-00dbcecd 10s linear 8s infinite forwards;animation:rightDoorOpen-data-v-00dbcecd 3s ease-out 1.5s forwards,rightDoorFlap-data-v-00dbcecd 10s linear 8s infinite forwards;-webkit-transform-origin:100% 0 0;transform-origin:100% 0 0}@-webkit-keyframes rightDoorOpen-data-v-00dbcecd{60%{-webkit-transform:rotateY(125deg);transform:rotateY(125deg)}to{-webkit-transform:rotateY(120deg);transform:rotateY(120deg)}}@keyframes rightDoorOpen-data-v-00dbcecd{60%{-webkit-transform:rotateY(125deg);transform:rotateY(125deg)}to{-webkit-transform:rotateY(120deg);transform:rotateY(120deg)}}@-webkit-keyframes rightDoorFlap-data-v-00dbcecd{0%{-webkit-transform:rotateY(120deg);transform:rotateY(120deg)}5%{-webkit-transform:rotateY(125deg);transform:rotateY(125deg)}15%{-webkit-transform:rotateY(117deg);transform:rotateY(117deg)}25%{-webkit-transform:rotateY(123deg);transform:rotateY(123deg)}30%{-webkit-transform:rotateY(120deg);transform:rotateY(120deg)}to{-webkit-transform:rotateY(120deg);transform:rotateY(120deg)}}@keyframes rightDoorFlap-data-v-00dbcecd{0%{-webkit-transform:rotateY(120deg);transform:rotateY(120deg)}5%{-webkit-transform:rotateY(125deg);transform:rotateY(125deg)}15%{-webkit-transform:rotateY(117deg);transform:rotateY(117deg)}25%{-webkit-transform:rotateY(123deg);transform:rotateY(123deg)}30%{-webkit-transform:rotateY(120deg);transform:rotateY(120deg)}to{-webkit-transform:rotateY(120deg);transform:rotateY(120deg)}}.book[data-v-00dbcecd]{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.8rem 4rem .8rem 2rem;border-radius:.25rem;background-color:hsla(0,0%,100%,.1);color:#fff;font-size:1rem;text-transform:uppercase;letter-spacing:.1rem;cursor:pointer;-webkit-box-shadow:inset 0 0 .75rem hsla(0,0%,100%,.1);box-shadow:inset 0 0 .75rem hsla(0,0%,100%,.1)}.book.home-page[data-v-00dbcecd]{-webkit-transform:rotate(-90deg) translate(-12.4rem,3rem);transform:rotate(-90deg) translate(-12.4rem,3rem);-webkit-transform-origin:0;transform-origin:0}.book.about-us[data-v-00dbcecd]{-webkit-transform:rotate(-100deg) translate(-13.4rem,6.1rem);transform:rotate(-100deg) translate(-13.4rem,6.1rem);-webkit-transform-origin:0;transform-origin:0}.book.contact[data-v-00dbcecd]{right:2rem;bottom:.2rem;border-radius:.3rem 0 0 .3rem}.book.faq[data-v-00dbcecd]{right:.8rem;bottom:3.3rem;border-radius:.3rem 0 0 .3rem}.book.not-found[data-v-00dbcecd]{width:12rem;height:3.5rem;border:1px dashed hsla(0,0%,100%,.3);background-color:transparent;-webkit-transform:rotate(-90deg) translate(-12rem,13rem) scale(1);transform:rotate(-90deg) translate(-12rem,13rem) scale(1);-webkit-transform-origin:0;transform-origin:0;cursor:default;-webkit-animation:bookFadeOut 1s 3s infinite forwards;animation:bookFadeOut 1s 3s infinite forwards}