.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}.demo[data-v-7616d28a]{width:100%;height:100%;background:url(/img/demo/demoBg.png) no-repeat;background-size:100% 100%;position:relative;min-width:1300px}.demo ul[data-v-7616d28a]{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:3.2px 0}.demo ul li[data-v-7616d28a]{width:16.6%;height:128px;cursor:pointer;text-align:center;background-size:100% 100%;background-repeat:no-repeat}.demo ul li img[data-v-7616d28a]{max-width:80%;max-height:80%}.demo .name[data-v-7616d28a]{position:absolute;top:46px;left:42.5px;z-index:200}.demo .name img[data-v-7616d28a]{width:70px;height:290px}.demo .introduce[data-v-7616d28a]{position:absolute;right:37px;top:44.5px;z-index:200;cursor:pointer}.demo .introduce img[data-v-7616d28a]{vertical-align:text-top}.demo .introduce .introBtn[data-v-7616d28a]{width:32.5px;height:115px;margin-left:12px}.demo .introduce .intrTxt[data-v-7616d28a]{height:250px;margin-top:19px;-webkit-transition:all .5s ease;transition:all .5s ease}.demo .upHelp[data-v-7616d28a]{position:absolute;left:248.5px;top:40%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:200}.demo .upHelp img[data-v-7616d28a]{width:31px;height:228px}.demo .leftHelp[data-v-7616d28a]{width:685px;height:35px;position:absolute;left:50%;bottom:166.5px;-webkit-transform:translate(-50%);transform:translate(-50%);text-align:center;z-index:200}.demo .leftHelp .help[data-v-7616d28a]{width:441.5px;height:100%}.demo .leftHelp .back[data-v-7616d28a]{width:90px;height:30px;margin-left:153.5px;position:absolute;top:4px;right:0;cursor:pointer}.demo .split[data-v-7616d28a]{position:absolute;right:37.5px;bottom:250px;z-index:200;cursor:pointer}.demo .split img[data-v-7616d28a]{width:113px;height:30px}.demo .model[data-v-7616d28a]{width:100%;height:calc(100% - 134.4px);position:absolute;top:0;left:0;z-index:10;cursor:pointer}.gradient[data-v-7616d28a]{width:100%;height:100%;position:absolute;z-index:180;background:linear-gradient(-13deg,hsla(0,0%,100%,0),rgba(40,48,80,.7),#010518)}