.container[data-v-21663358]{position:relative;height:400px}.container .flex-row-wrap-center-center[data-v-21663358]{-ms-flex-flow:row wrap;flex-flow:row wrap}.container .flex-row-nowrap-center-center[data-v-21663358],.container .flex-row-wrap-center-center[data-v-21663358]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .flex-row-nowrap-center-center[data-v-21663358]{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.container .content[data-v-21663358]{width:100%;height:25%}.container .content .action[data-v-21663358],.container .content[data-v-21663358]{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .content .action[data-v-21663358]{width:60%;height:90%;font-size:1em;z-index:10;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3);background:rgba(0,0,0,.5);padding:10px 20px;border-radius:10px;backdrop-filter:blur(5px)}.container .content .action .button-list[data-v-21663358]{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:center;align-items:center}.container .test[data-v-21663358]{width:100%;height:75%;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .test .demo[data-v-21663358]{width:100%;height:100%;background:url(../img/luopan.60f2e443.png) no-repeat;background-position:50%;background-size:auto 80%}.container .test .animate-rotate[data-v-21663358]{animation:rotate-21663358 5s cubic-bezier(.4,0,1,1) forwards}@keyframes rotate-21663358{to{transform:rotate(5turn)}}