.bean[data-v-c971d562]{overflow:hidden;z-index:1}#loading[data-v-c971d562],.bean[data-v-c971d562]{height:100%;position:absolute;left:0;top:0;width:100%}#loading[data-v-c971d562]{z-index:20}#loading.hide[data-v-c971d562]{-webkit-animation:hide-c971d562 2s;animation:hide-c971d562 2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#loading .flex[data-v-c971d562]{width:100%;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;left:0;top:0}#loading .flex .loading-txt[data-v-c971d562]{color:#aaa;text-align:center;font-size:12px;font-weight:700;margin-bottom:10px}#loading-bar[data-v-c971d562]{width:200px;height:3px;background-color:#999;border-radius:3px}#progress[data-v-c971d562]{background-color:#00dbd0;height:inherit;border-radius:inherit;width:0}#bg[data-v-c971d562]{-webkit-filter:blur(8px);filter:blur(8px);position:absolute;width:100%;height:100%}#canvas[data-v-c971d562]{height:100%}@-webkit-keyframes hide-c971d562{0%{opacity:1}to{opacity:0}}@keyframes hide-c971d562{0%{opacity:1}to{opacity:0}}#canvas canvas{width:100%!important;height:100%!important;display:block}@media only screen and (min-width:240px)and (max-width:1024px){html[data-v-2952ab5c]{font-size:4.2666666667vw}}.changedemo[data-v-2952ab5c]{width:100%;height:100%;background:url(/img/demo/demoBg.png) no-repeat;background-size:100% 100%;position:relative;min-width:1300px}.changedemo ul[data-v-2952ab5c]{width:100%;background:rgba(0,0,0,.1) url(/img/demo/bg4.png) no-repeat;background-size:100% 100%;position:absolute;bottom:0;left:0;z-index:2000;padding:.2rem 0}.changedemo ul li[data-v-2952ab5c]{width:25%;height:8rem;cursor:pointer;text-align:center;background-size:100% 100%;background-repeat:no-repeat}.changedemo ul li img[data-v-2952ab5c]{max-width:80%;max-height:80%}.changedemo .name[data-v-2952ab5c]{position:absolute;top:2.875rem;left:2.65625rem;z-index:200}.changedemo .name img[data-v-2952ab5c]{width:4.375rem;height:18.125rem}.changedemo .introduce[data-v-2952ab5c]{position:absolute;right:2.3125rem;top:2.78125rem;z-index:200;cursor:pointer}.changedemo .introduce img[data-v-2952ab5c]{vertical-align:text-top}.changedemo .introduce .introBtn[data-v-2952ab5c]{width:2.03125rem;height:7.1875rem;margin-left:.75rem}.changedemo .introduce .intrTxt[data-v-2952ab5c]{height:15.625rem;margin-top:1.1875rem;-webkit-transition:all .5s ease;transition:all .5s ease}.changedemo .upHelp[data-v-2952ab5c]{position:absolute;left:15.53125rem;top:40%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:200}.changedemo .upHelp img[data-v-2952ab5c]{width:1.9375rem;height:14.25rem}.changedemo .leftHelp[data-v-2952ab5c]{width:42.8125rem;height:2.1875rem;position:absolute;left:50%;bottom:10.40625rem;-webkit-transform:translate(-50%);transform:translate(-50%);text-align:center;z-index:200}.changedemo .leftHelp .help[data-v-2952ab5c]{width:27.59375rem;height:100%}.changedemo .leftHelp .back[data-v-2952ab5c]{width:5.625rem;height:1.875rem;margin-left:9.59375rem;position:absolute;top:.25rem;right:0;cursor:pointer}.changedemo .split[data-v-2952ab5c]{position:absolute;right:2.34375rem;bottom:15.625rem;z-index:200;cursor:pointer}.changedemo .split img[data-v-2952ab5c]{width:7.0625rem;height:1.875rem}.changedemo .model[data-v-2952ab5c]{width:100%;height:calc(100% - 8.4rem);position:absolute;top:0;left:0;z-index:10;cursor:pointer}.gradient[data-v-2952ab5c]{width:100%;height:100%;position:absolute;z-index:180;background:linear-gradient(-13deg,hsla(0,0%,100%,0),rgba(40,48,80,.7),#010518)}