.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-1be9ff31]{font-size:4.2666666667vw}}.demo[data-v-1be9ff31]{width:100%;height:100%;background:url(/img/demo/demoBg.png) no-repeat;background-size:100% 100%;position:relative}.demo ul[data-v-1be9ff31]{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}.demo ul li[data-v-1be9ff31]{width:16.6%;height:8rem;text-align:center;background-size:100% 100%;background-repeat:no-repeat}.demo ul li img[data-v-1be9ff31]{max-width:80%;max-height:80%}.demo .name[data-v-1be9ff31]{position:absolute;top:2.875rem;left:2.65625rem;z-index:200}.demo .name img[data-v-1be9ff31]{width:4.375rem;height:18.125rem}.demo .introduce[data-v-1be9ff31]{position:absolute;right:2.3125rem;top:2.78125rem;z-index:200}.demo .introduce img[data-v-1be9ff31]{vertical-align:text-top}.demo .introduce .introBtn[data-v-1be9ff31]{width:2.03125rem;height:7.1875rem;margin-left:.75rem}.demo .introduce .intrTxt[data-v-1be9ff31]{height:15.625rem;margin-top:1.1875rem;-webkit-transition:all .5s ease;transition:all .5s ease}.demo .upHelp[data-v-1be9ff31]{position:absolute;left:15.53125rem;top:16.78125rem;z-index:200}.demo .upHelp img[data-v-1be9ff31]{width:1.9375rem;height:14.25rem}.demo .leftHelp[data-v-1be9ff31]{width:42.8125rem;height:2.1875rem;position:absolute;left:18.90625rem;bottom:9.46875rem;z-index:200}.demo .leftHelp .help[data-v-1be9ff31]{width:27.59375rem;height:100%}.demo .leftHelp .back[data-v-1be9ff31]{width:5.625rem;height:1.875rem;margin-left:9.59375rem;position:absolute;top:.25rem;right:0}.demo .split[data-v-1be9ff31]{position:absolute;right:2.34375rem;bottom:15.625rem;z-index:200}.demo .split img[data-v-1be9ff31]{width:7.0625rem;height:1.875rem}.demo .model[data-v-1be9ff31]{width:100%;height:calc(100% - 8.4rem);position:absolute;top:0;left:0;z-index:10}.gradient[data-v-1be9ff31]{width:100%;height:100%;position:absolute;z-index:180;background:linear-gradient(-13deg,hsla(0,0%,100%,0),rgba(40,48,80,.7),#010518)}.demoM[data-v-1be9ff31]{width:100%;height:100%;background:url(/img/demoM/topBg.jpg) no-repeat;background-size:100% 100%}.demoM .model_wrap[data-v-1be9ff31]{position:absolute;bottom:0;left:0;z-index:2000;width:100%;overflow:hidden;background:url(/img/demoM/bottomBg.jpg) no-repeat;background-size:100% 100%}.demoM .model_ul[data-v-1be9ff31]{-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:scroll;overflow-y:hidden;height:8.03125rem}.demoM .model_ul[data-v-1be9ff31]::-webkit-scrollbar{width:0;display:none}.demoM .model_ul[data-v-1be9ff31]{background:url(/img/demoM/ulBg.png) 50% no-repeat;background-size:cover}.demoM .model_ul li[data-v-1be9ff31]{width:28.57%;height:7.59375rem;text-align:center;-webkit-box-flex:0;-ms-flex:none;flex:none}.demoM .model_ul li img[data-v-1be9ff31]{max-width:80%;max-height:80%}.demoM .model_ul li.active[data-v-1be9ff31]{background:url(/img/demoM/activeBg.png) 50% no-repeat;background-size:cover}.demoM .name[data-v-1be9ff31]{position:absolute;left:1.625rem;top:1.625rem;width:4.78125rem;height:14.46875rem;z-index:200}.demoM .name>img[data-v-1be9ff31]{max-width:100%;max-height:100%}.demoM .intro_splic[data-v-1be9ff31]{position:absolute;bottom:8.9375rem;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);z-index:200}.demoM .intro_splic>div[data-v-1be9ff31]{width:7rem;height:1.875rem}.demoM .intro_splic .intro[data-v-1be9ff31]{background:url(/img/demoM/intro.png) 50% no-repeat;background-size:cover}.demoM .intro_splic .intro[data-v-1be9ff31]:hover{background:url(/img/demoM/intro_hover.png) 50% no-repeat;background-size:cover}.demoM .intro_splic .splic[data-v-1be9ff31]{margin-left:3rem}.demoM .intro_splic .splic>img[data-v-1be9ff31]{max-width:100%;max-height:100%}.demoM .intro_splic .backImg[data-v-1be9ff31]{width:5.625rem;height:1.875rem;margin-left:3rem}.demoM .intro_splic .backImg>img[data-v-1be9ff31]{max-width:100%;max-height:100%}.demoM .helpIcon .rightHelp[data-v-1be9ff31]{z-index:200;position:absolute;top:40%;right:1.9375rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1.9375rem;height:14.25rem}.demoM .helpIcon .rightHelp>img[data-v-1be9ff31]{max-width:100%;max-height:100%}.demoM .helpIcon .bottomHelp[data-v-1be9ff31]{position:absolute;left:50%;z-index:200;bottom:11.78125rem;width:16.03125rem;height:1.875rem;-webkit-transform:translate(-50%);transform:translate(-50%)}.demoM .helpIcon .bottomHelp>img[data-v-1be9ff31]{max-width:100%;max-height:100%}.demoM .introWrap[data-v-1be9ff31]{position:fixed;z-index:2001;background:rgba(6,8,24,.9);width:100%;height:100%}.demoM .introWrap .wrap[data-v-1be9ff31]{width:86.66%;margin:3.21875rem auto 0}.demoM .introWrap .title[data-v-1be9ff31]{font-size:1.125rem;color:#7a8ea7;line-height:2.1875rem}.demoM .introWrap .title[data-v-1be9ff31]:after{display:block;content:"";background:url(/img/demoM/introLine.png) 50% no-repeat;background-size:cover;width:100%;height:.625rem}.demoM .introWrap .desc[data-v-1be9ff31]{font-size:.75rem;color:#fff;line-height:1rem}.demoM .close[data-v-1be9ff31]{position:absolute;bottom:3.4375rem;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);background:url(/img/demoM/close.png) 50% no-repeat;background-size:cover;width:2rem;height:2rem;cursor:pointer}.demoM .model[data-v-1be9ff31]{width:100%;height:calc(100% - 8.1rem);position:absolute;top:0;left:0;z-index:10;background:url(/img/demoM/topBg.jpg) no-repeat;background-size:100% 100%}