.container.container[data-v-e9a7357c]{padding:0}@media(min-width:768px){.container[data-v-e9a7357c]{max-width:720px}}@media(min-width:992px){.container[data-v-e9a7357c]{max-width:960px}}@media(min-width:1200px){.container[data-v-e9a7357c]{max-width:1140px}}@media(min-width:1440px){.container[data-v-e9a7357c]{max-width:1200px}}@media(min-width:1920px){.container[data-v-e9a7357c]{max-width:1428px}}.demo-intro[data-v-e9a7357c]{min-height:100vh;min-height:100dvh;overflow-y:hidden;background:url(/images/demo/experience/experience-bg.png) no-repeat;background-size:cover}.demo-intro__header[data-v-e9a7357c]{display:flex;margin-top:44px;color:#fff}.demo-intro__header .logo img[data-v-e9a7357c]{width:96px}.demo-intro__header .title-wrapper[data-v-e9a7357c]{margin:auto}.demo-intro__header .title-wrapper .title[data-v-e9a7357c]{font-size:30px;font-weight:600}.demo-intro__header .title-wrapper .subtitle[data-v-e9a7357c]{margin-top:6px;font-size:14px;text-align:center;opacity:.6}.demo-intro__content[data-v-e9a7357c]{display:flex;justify-content:space-between;margin:130px auto;color:#fff}.demo-intro__content[data-v-e9a7357c]:after,.demo-intro__content[data-v-e9a7357c]:before{display:block;content:""}.demo-intro__content .phone-wrapper[data-v-e9a7357c]{display:flex;flex-direction:column;flex-shrink:0;align-items:center;width:276px;text-align:center;border:8px solid #59626f;border-radius:32px}.demo-intro__content .phone-wrapper .title[data-v-e9a7357c]{margin-top:83px;font-size:18px;line-height:26px}.demo-intro__content .phone-wrapper .subtitle[data-v-e9a7357c]{max-width:162px;font-size:12px;line-height:20px;color:#c1c6cd}.demo-intro__content .phone-wrapper .qr-code[data-v-e9a7357c]{margin-top:auto}.demo-intro__content .phone-wrapper .qr-code img[data-v-e9a7357c]{width:129px;height:128px}.demo-intro__content .phone-wrapper .tips[data-v-e9a7357c]{margin-top:16px;margin-bottom:136px;font-size:12px;line-height:20px;color:#7f8997}.demo-intro__content .video-wrapper[data-v-e9a7357c]{position:relative;width:960px;overflow:hidden;background-color:#000;border:8px solid #59626f;border-radius:32px}.demo-intro__content .video-wrapper video[data-v-e9a7357c]{vertical-align:top}.demo-intro__content .video-wrapper .poster-tip[data-v-e9a7357c]{position:absolute;top:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:60px;font-weight:700;color:#fff;text-align:center;white-space:pre-wrap;opacity:.8}.demo-intro__content .video-wrapper svg[data-v-e9a7357c]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.demo-intro__content .video-wrapper svg[data-v-e9a7357c]:hover{cursor:pointer}.video[data-v-e9a7357c]{width:100%;object-fit:cover}@media(max-width:1919px){.demo-intro.demo-intro .demo-intro__content[data-v-e9a7357c]{justify-content:space-between}.demo-intro.demo-intro .phone-wrapper[data-v-e9a7357c]{width:258px}.demo-intro.demo-intro .video-wrapper[data-v-e9a7357c]{width:894px;margin:0 auto}}@media(max-width:1439px){.demo-intro.demo-intro .phone-wrapper[data-v-e9a7357c]{width:249px}.demo-intro.demo-intro .video-wrapper[data-v-e9a7357c]{width:862px}}@media(max-width:1199px){.demo-intro.demo-intro .demo-intro__content[data-v-e9a7357c]{justify-content:center}.demo-intro.demo-intro .phone-wrapper[data-v-e9a7357c]{display:none}}@media(max-width:991px){.demo-intro.demo-intro[data-v-e9a7357c]{background:#000}.demo-intro.demo-intro .demo-intro__header[data-v-e9a7357c]{display:none}.demo-intro.demo-intro .demo-intro__content[data-v-e9a7357c]{padding:0;margin-top:50%}.demo-intro.demo-intro .container[data-v-e9a7357c]{max-width:100vw;padding:0;margin:0}.demo-intro.demo-intro .phone-wrapper[data-v-e9a7357c]{display:none}.demo-intro.demo-intro .video-wrapper[data-v-e9a7357c]{width:100%;padding:0;margin:0;border:none;border-radius:0}.demo-intro.demo-intro .video-wrapper .poster-tip[data-v-e9a7357c]{font-size:30px}}