#app{position:fixed;width:100vw;height:100vh}*{margin:0}html{font-size:1vw;font-family:PingFangSC-Regular,Microsoft YaHei,Hiragino Sans GB,tahoma,Arial,\5b8b\4f53,STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif}@media only screen and (min-width: 768px){html{font-size:5px}}.textHotspot{background-color:#00000080;color:#fff;font-size:12px;letter-spacing:1px;line-height:12px;box-sizing:border-box;border-radius:5px;padding:10px;white-space:nowrap;cursor:default}.viewer{width:100vw;height:100vh;position:fixed}.scenes{width:100%;background-color:#0000004d;color:#fff;position:fixed;bottom:12rem}.scenesAni{width:100%;height:0;overflow:hidden;display:flex;justify-content:center;align-items:center;transition:height .1s;-webkit-transition:height .1s}.scenesAniShow{height:30rem}.scenesWraper{height:30rem;display:flex;justify-content:flex-start;align-items:center;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.scenesWraper::-webkit-scrollbar{display:none}.scene{width:20rem;height:20rem;background-color:#fff;border-radius:1rem;cursor:pointer;margin:0 5px;border-width:3px;border-style:solid;border-color:#fff;position:relative;display:flex;justify-content:center;align-items:center}.sceneActive{border-color:#f6b64c}.sceneImg{background-size:100%;width:20rem;height:20rem}.sceneTextWrapper{width:100%;white-space:nowrap;word-wrap:break-word;font-size:3rem;line-height:1.1;box-sizing:border-box;overflow:hidden;margin:0 10px}.sceneText{position:absolute;bottom:0;width:20rem;height:5rem;display:flex;align-items:center;justify-content:center;text-align:center;background-color:#00000080}.menu{width:10rem;height:10rem;position:fixed;bottom:2rem;right:2rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACnklEQVRoQ+2ZO2sVURSFv9Vr5aMQC0FQUNBCCx+NKfwDQkRQUFArTdBG0cZYmkYxERHFBxoRxV9gYRpfYAoDFip2auGj0n7LjnuG8WauN3MyMSScA5cDd2atPfs1s9eMWOBLC/z6WXwOmNl64BgwkJid28B9SU+qeDPbDRwE9ifyjgBXJL2r4v/KgJntAh4ByxONVGGDktwoZubBuNwC53egX9J4wdXpwDNgB+AnnE80eA1YF9hlsf+I3bNzJ5H3HOABfi5pZzcHfgJLgL2SPBONl5mtAL4GcFvsL2NfKelbY9I/WewHHgK/JC3t5oDFgb5qmpoaNLOSJ7BPfZeUfNOI8p7G01lC2YFo2pyBzrLNJdSkkXMT10Qrl1Auofwgmxo085N4Rq0wn7dRFws+Cpez/IyuuHKSmR0CbsVfa2P/WEynkl415YzxpNAU7yW56JpancPcReBEHCtFQ0ODXqu+xiX1hXGv3fL/hnzF6QX+kqSTtQ6EsQvAqUQjBewBMFTIv5CpQ8C+WfIOSzpd5aidz0OUbEw09kHS5zqsma0B/Jey3taJoWSBkXIFc4GZ5oCZeZqPA6XubGh4wqWfpOEqzszOulQFNjfkK05/AVyVdLdrCZnZEeB6ooFO2Iikweire7N4ndLJe1TSjdomNrM3wKZowKS3Embmbw+8YX2tjv1TS0FxmklJZRb/qyZuy4nqy4HsQJfbZa2ozxmICOQS6lUK3abRXriZHs8Z6BWpnIEeEcollEuoVwRyCcGcfKGZZeBL+L+a+DWwpcVxelVY/dLWxQMTkrZ20wOuxKY+jbawbko6HILmMbCnBU6nGJA0WutAGHNJ6Upqe6LBSWCsRlKeAQ4AGxJ5/UvnqKSxKn7xifrE6MwbbMFn4Dd5tuZAG2XuqAAAAABJRU5ErkJggg==);background-size:100%;cursor:pointer}.bgm{width:10rem;height:10rem;position:fixed;top:2rem;right:2rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABJNJREFUaEPtmUusXWMUx39/JZIigoYwIIh3UoSEkDQk1IyBeFVoJFSa0Em9tVG0xCNCaqCe0cZbIhjpgBoIIl4DVOoVhBEGQmLAkv/JOjff3Xefxz5n39Pb5K7kDM45e3/7//vW+ta3vrXFLm7axfUzD7CzPTjvgXkP5AxExN7AMcAJlc9ewN2SNtZN1sAQiohTgH0kbWtjtiNi3xRqsccVYo/sN76kWq19ASLiLOCdHHi9pLXDQkTEfoVQiz02xR497BjldW0AeLwHJd1YFRARpwPHp2AL7M5uU60/A5/k52Pgze4AIwH45ohY4xgslGyUtKr7PSLOBNYB5zRQ+0Mh1II/l/RLzcTE2AAJcQPwQPGAJyStKCAOAh4GLq2I+Ab4zAK7H0k/DgsaEe0AJMR1QJkJNktaXoqJiDsKod8PK7TXda0CJMQ1wOPFA18Glkn6d1yxdfe3DpAQVwCbiwe+kRB/tQ0xKwAJcRHwIrBbin4LuFzSb21CzBpAQpwPvAAsTNHvpidmZJNRoWYVICGWJsT+KfKD9MR3o4quJIX2slCfTLEkw+ngvMZp0wv7q3EhZt0DxT5wWnri8PzN4r0mPh0HYmIAGU4nJoQLNJv3AXvCYTWSTRQgIVyweWGflIq9oO2JkSrZiQB495V0ZxFODqPnARd4tt/TE061jWxiAMAiSdcXEF7QhnA5bvs7IV5vQjBJAFej02qjiHBqNcR5KdrlhsPppWEhJg1gXesq4eRNzhAXFKKXSypLkZ48Ox0gF/YC4DngkkLptZLKorAWYk4AFOviWeDKQumqXgf14p6J7MQ+A3gNzAih6rRGxCZg6iAE3CSpPChNu2VOeaCY1UeAqSMpsFbS+roYmpMAuS7uB8rmwAZJPnvPngcyLR4FuOvglsn7wLeA8/9QIVSqiwg3CkrRMzoeEeGz9GLfN05Xwo0tx20Zu10tLhU+KtLktDQ6KN9HxO1AGT6PVjbEw/IIu3QkgIi4B7h1kJDi/0YAGU7VjseTknz27lhELAI2SbqwTkfPzlxEPA1c1UD8wCyUgnwcXSDJR9KuyGrHY4ukqZQbEQsluRyZYbUAEXEbsKGh+IEAEbEHsB04wnuCpC0FRLXj8Yr7TJL+66ejF8CX2XhtytA3hCLCYfBqMejVkp4qIOo6Hpf1mv3O4q4qrDR02wZwo7hboXbHXinpsQLi4iw9ds/ftqYn/hgqhMYA+BNYIsln4lqLiDoAXzutrIgIdzxcBPrdgM0dD3vi1+rAbXrgFkn39XNZHwDftlrSQ4UnXIa7CDwgf/swPeHG8JTVAfhNydfAIQ3iZ6ukbt3f87aIWO0WfZ9xb5bkXbpjGQ2G6Gqxd+0JJ4KO9VrEZwDvDQnwDHCvpB2Dro+IA4HXAI/fy9ZImsqA+e7BEM5ctm2Szu4LkPR+YXEXULuBpBDvnG8PEl79P7vYy7Isqf7debFRORidnOHkjsdwAIUbTwVcA9mN/2R4bZf0U1Ph5fURsSdwLnBotie/AHZI8juFGRYRPmevKMF6htA4wiZ978C3lJMW1PR58wBNZ6zt6/8HrIUCT1Apg18AAAAASUVORK5CYII=);background-size:100%;cursor:pointer}.bgmOpen{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAApVJREFUaEPtmT2IFEEQhb8XiOAPCIqBgYjibyCoh4EImpgYKGJmrheIgRhe4PnDRWKiGFwixoqC5poo4omBiD+HnplmBgea+qRkFoe92ZmeXXeXgy5oJpia6veq3vT0VItlblrm+MkExl3BXIFcgSIDttcCeyrGauCapFtVyRq5hGyv6wK5G9gFbKmrpqRKrEMjYHt9ATTAxdhZXLf1I7uhErC9D4hRBrujD6DfgffAHPAKeNyJMTQCtk8BD1uANbBQjC8F2DlJn7pj2A7fvzZMApeB6QoCP0tAO4DfBmBJv1MIj4NAEPlaAJ+X9CMFaC+fsRCQdGUQ0OVnM4GUTNouvwPTuQKlrGUJZQmlZKDGJ0soJYF5FcoSStFJfZbyhyxv5gZRUV6F8io0iH6AZSMh2xuK1ki0R9YAL4tfxwulf+K+/gdsR8xO2+UD8FHSwn/ZC9k+AJwrRne9og3yGjhZ3GhFwHYnbszRbc+BwwN1JWxfB6ZaqCyJgO2DwB2gCnjldK3bKrZngbMtwIdrIwHbx4F7QEgy2VoRsH0RuJkc/Z9jLQHbK4BoYG1tG7stgTfA/raTNFXA9mngQR9xFyVFU3iJLWnu2j4KPOtjkkYJ2Y64Eb+tvZO0d9gEFoEjkqJ9WGkDEJiVNDlsAuclxcrS0wYgMCEpZJ0kofhIzQObWtT5iaQTTf62LwE3mvy67k9Jmun1TOUBh+1DwIvEie4CM5KiVV5rtjcCj4CIn2KTkmI572k9T2hsx3nVVSBWjioLILclPU1BUvYp9k9ngKpDkDjguB9DUmwraq3xiMn2BLC9kNSvYh3/LOlbU/C6+7ZXAseAzcCq4mQm4jZWshy3kcAgIEfxbCYwiiz39RKPG1jq/H8AA1VwQKedJboAAAAASUVORK5CYII=)}