*{box-sizing:border-box}html,body{padding:0;margin:0;height:100%;overflow:hidden;position:relative}@supports (height:100dvh){body,html{height:100dvh}}.index,.inWx{height:100%;overflow:hidden;-webkit-overflow-scrolling:touch}.index iframe,.inWx iframe{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;transition:transform 0.7s ease-in-out}.index .button-img,.inWx .button-img{text-align:center;position:fixed;z-index:110;bottom:15%;width:100%}.index .button-img img,.inWx .button-img img{width:60%;animation:active-btn 1s linear infinite}.box{position:absolute;left:0;top:0;width:100vw;height:100%;overflow:hidden;z-index:100}@keyframes top-out{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}@keyframes top-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes down-out{0%{transform:translateY(0)}100%{transform:translateY(100%)}}@keyframes down-in{from{transform:translateY(-100%)}to{transform:translateY(0)}}.active{z-index:2;display:block}.above{z-index:1;display:none}@keyframes active-btn{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes btn-out{0%{opacity:1}100%{opacity:0}}@keyframes btn-in{0%{opacity:0}100%{opacity:1}}.viewer3{position:fixed;bottom:0;z-index:5;width:100vw;height:10%}.reminder{width:100%;height:100%;background-color:rgba(0,0,0,0.8);position:fixed;left:0;top:0;z-index:150}.reminder .tip{width:80vw;height:100px;position:absolute;right:0;top:0}.reminder .tip .top{margin:0.26667rem 0 0 0;position:relative}.reminder .tip .top .group{width:0.66667rem;height:0.66667rem;vertical-align:middle}.reminder .tip .top .direction{width:1.2rem;height:1.2rem}.reminder .tip .top span{font-size:16px;color:#fff}.reminder .tip .bottom{margin:0.26667rem 0 0 0}.reminder .tip .bottom img{vertical-align:middle;width:0.53333rem;height:0.53333rem}.reminder .tip .bottom span{color:#fff;font-size:16px}.footer{width:100%;position:absolute;display:flex;align-items:center;justify-content:center;left:0;bottom:0;background-color:rgba(255,255,255,0.69)}