body,html,main,section{width:100%;height:100%;overflow:hidden}body{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:relative;font-family:"Microsoft YaHei",Helvetica,"Heiti SC"}.content,.rotate_wrap{position:absolute;z-index:1;left:0;width:100%;height:100%;top:0;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.content.on,.rotate_wrap.on{opacity:1;z-index:4}.rotate_wrap.show{opacity:1;z-index:4}.rotate_wrap.show .share.on{-webkit-transition:opacity .5s;transition:opacity .5s}.rotate_wrap.show .share.on .right{-webkit-transition:all 1s;transition:all 1s;-webkit-transform:translateX(0);transform:translateX(0)}.rotate{position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:4}#animation_container{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#animation_container canvas{width:100%!important;height:100%!important}#animation_container canvas{position:absolute;display:block}.index,.loading,.share{position:absolute;z-index:1;width:100%;height:100%;opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.index.on,.loading.on,.share.on{z-index:2;opacity:1}.portrait .btns{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(90deg) translate(0,0);transform:rotate(90deg) translate(0,0)}.btns{top:50%;left:50%;position:absolute}.btns>div{display:none;position:fixed;z-index:999;left:0;width:100%;text-align:center;font-size:0;top:50%;opacity:0;-webkit-transition:opacity .4s;transition:opacity .4s}.btns>div.show{opacity:1;display:block}.btns>div span{display:inline-block;vertical-align:top;width:3rem;height:1.5rem;padding-top:.3rem;vertical-align:top;margin:0 .6rem;pointer-events:initial;position:relative}.btns>div span img{display:block;width:100%;height:.9rem;pointer-events:none}.btns .btns_1{margin-top:-.8rem}.btns .btns_2{margin-top:-1.6rem}.btns .btns_3{margin-top:.9rem}.btns .btns_4{margin-top:.9rem}.btns .btns_5{margin-top:-.9rem}.btns .btns_6{margin-top:-.9rem}.btns .btns_7{margin-top:-.4rem}.btns .btns_8{margin-top:-.4rem}@-webkit-keyframes move2{from{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes move2{from{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}div.clicked{-webkit-animation:move2 .1s infinite alternate;animation:move2 .1s infinite alternate}span.clicked img{position:relative;-webkit-animation:move2 .1s infinite alternate;animation:move2 .1s infinite alternate}.loading{background:#fff}.loading #loading{position:absolute;left:50%;top:50%;width:7.2rem;height:4.05rem;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loading #loading canvas{display:block;position:absolute;width:100%;height:100%;left:0;bottom:0}.loading .text{display:none;position:absolute;bottom:10%;width:100%;text-align:center;line-height:1.4;font-size:.32rem}.loading .text i{display:block;margin:0 auto .2rem;width:2.36rem;height:1.8rem;background:url(../images/tips.jpg?v=0bf21b) center center no-repeat;background-size:100% 100%}.index{background:url(../images/index.jpg?v=0bf21b) center center no-repeat;background-size:cover}.pointer,.tips{position:absolute;top:66%;left:50%;margin-left:-1rem;width:100%;text-align:center;width:2rem}.pointer i,.tips i{display:block;width:1rem;height:.9rem;margin-left:0;background:url(../images/pointer.png?v=0bf21b) center center no-repeat;background-size:100% 100%;-webkit-animation:move 1.4s infinite;animation:move 1.4s infinite}.pointer span,.tips span{margin-top:-.3rem;display:block;color:#fff;font-size:.32rem;text-shadow:0 0 .04rem #000}@-webkit-keyframes move{from{margin-left:1.4rem}to{margin-left:0}}@keyframes move{from{margin-left:1.4rem}to{margin-left:0}}.share{background:url(../images/share_bg.jpg?v=0bf21b) center center no-repeat;background-size:cover}.share .modal{display:none;position:absolute;z-index:3;background:rgba(0,0,0,.75);width:100%;height:100%;color:#fff;font-size:.3rem;line-height:1.5}.share .modal.on{display:block}.share .modal i{position:absolute;right:0;top:-.1rem;width:3.7rem;height:3.7rem;background:url(../images/share_text2.png?v=0bf21b) center center no-repeat;background-size:100% 100%}.share .modal div{position:absolute;right:1rem;top:1.8rem;text-align:center}.share .modal div *{display:inline-block}.share .modal div span{display:inline-block;position:relative;font-weight:700;font-size:.5rem}.share .right{position:absolute;right:0;top:0;z-index:3;height:100%;width:3rem;background:rgba(12,61,104,.75);text-align:center;padding-top:.7rem;-webkit-transform:translateX(100%);transform:translateX(100%)}.share .right .title{font-size:.22rem;color:#fff;text-align:center;line-height:.3rem;margin-bottom:.5rem;height:.6rem;overflow:hidden}.share .right .qrcode{width:1.2rem;height:1.2rem;margin:.5rem auto}.share .right .qrcode img{display:block;width:100%;height:100%}.share .right .text{font-size:.22rem;color:#fff;text-align:center;line-height:.3rem;margin-bottom:.5rem;height:.6rem;overflow:hidden}.share .right .text div{font-size:0}.share .right .text div span{font-size:.22rem;vertical-align:top;display:inline-block;margin:0 .06rem}.share .right .links{margin-bottom:.7rem;position:relative;z-index:4}.share .right .links>div{margin:0 auto;width:1.78rem;height:.5rem}.share .right .links .btn_agin{background:url(../images/btn_agin.png?v=0bf21b) center center no-repeat;background-size:100% 100%}.share .right .links .btn_share{margin-top:.3rem;background:url(../images/btn_share.png?v=0bf21b) center center no-repeat;background-size:100% 100%}.share .right .logo{background:url(../images/logo.png?v=0bf21b) center center no-repeat;background-size:100% 100%;width:1.76rem;height:.44rem;margin:0 auto}.save{top:0;position:absolute;z-index:2;opacity:0;left:0;width:100%;height:100%}.save img{display:block;width:100%;height:100%}.sscene .share .modal i{top:0;left:0;right:auto;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.sscene .share .modal div{left:1rem;right:auto;top:1.8rem}.content.on{z-index:2!important}.rotate_wrap2{display:none!important;pointer-events:none;z-index:3!important}.rotate_wrap2 .tips{position:absolute;right:.2rem;bottom:.2rem;left:auto;top:auto}#orientLaye{display:none;position:fixed;height:100%;width:100%;left:0;top:0;right:0;bottom:0;background:#000;z-index:9997}#orientLaye .mod-orient-layer__content{position:absolute;width:100%;top:45%;margin-top:-75px;text-align:center}#orientLaye .mod-orient-layer__icon-orient{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAADaCAMAAABU68ovAAAAXVBMVEUAAAD29vb////x8fH////////x8fH5+fn29vby8vL////5+fn39/f6+vr////x8fH////////+/v7////09PT////x8fH39/f////////////////////x8fH///+WLTLGAAAAHXRSTlMAIpML+gb4ZhHWn1c2gvHBvq1uKJcC6k8b187lQ9yhhboAAAQYSURBVHja7d3blpowFIDhTUIAOchZDkre/zE7ycySrbUUpsRN2/1fzO18KzEqxEVgTiZNfgmmtxRc8iaR8HNe8x4BtjQePKayYCIoyBSgvNNE1AkNSHqZyLqk97EgUCCHBzZ5mkg7ScvIJuIyOyXBRFxgpqWZyGsAZLB1KjsJi8nutHU4JCRbFRH8tmirI9k8Jx2sqNs8K/m0LQkrktO2crgcgXGB4AiTEsB0hJfo9MGgX7CGcYiYwQxmMOOvZwRhBG8tCoMXjBDeXvWCEcHbi14wgCBmMIMZzGAGM5jxETNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxY6E2rUQxnH2tz9cirlJFwFBJedaPnUv0M7++egPDE8iAJcIDmxwH5wwv9vUviw2kLbVO3TJU5uul/EyB0FoLp4x60PdGUd3qPurrWyjGGTc05u+1dcgI7/+tCCPARWGhH7o5Y7RCf+bH9ctXLp6v2BVDxfqz0oPXeSVaNtINo/1SXDv4dck8IIkbhtC2ol+iouEonTBCbYvVMnXOjxww6s/RFrBUpXHh/gw1rHj5d/qhYn9Gpk2FWh6xRBRX5Oj3Znh2Sq49/L6+y8pB26q9GbE2dbA2mVbx6I+7MfBglLCttm73ZQi7AD3iL4HqjFYJHSPRppqaUaJ3ATpGa+ckpGak2hRRMyqjGMkvl+xyFeSMwjAqcsZgGDdyhl0oNTnDN4yenJGZFGxNChP5/Y3efh6SM2rDOJMzboYxkDMqwyjIGcIw6F+io2FU1IxIm1JqRmgXSkvNKNCXeTpGrU0JNSO2c6LIGPgCS8AuDHz9ta0SXWDtxoDRH+MqlbC2Dt2G2JFRadtQZt2qq/orGowdGb2euxYiqWEpVWhTBnszoNAPdStuQwxqf0aocdWKW4Z+DfszIh8pxJqbuCE4YAC+4bm0evtipjpgJHeFnyyt1Ku2xa0bhjxr27p75rECNwyI9ZwvXkHq+7aTaMEV44YYy/spfgjgjNHaWW+GeUhGEX7tLlVinIFDDSgnOwhi1V6bU0b6tVS9eAERe863g4dRrtiHdc6o+nn5vtyVVgR79Cqt4uL6gfHPQyGqtP2vf7HADGbcYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JjhtOM+J/AgT008yDMkN/dPP9hzS8zAMQN3OEYeekp5YU7KOKXwVXqiY+QS7smcinGKABWdiBgpPJTSMHJ4KidhhPBUSMLw4CmPhKHgKUXCkHsygum71ftNSgCX6bsl8FQyfbcL5EdYsDk0R3j7aiA5wpt5AjKg/2gLJEBD/0Hf2OOf/vRrj6z/7GtP4B3nMKyjHA12kIPSjnJs3FEO0TvKkYJHOWCR+rjJH0Vn6fI5PjNbAAAAAElFTkSuQmCC);display:inline-block;width:67px;height:109px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-webkit-animation:rotation infinite 1.5s alternate;animation:rotation infinite 1.5s alternate;background-size:67px}#orientLaye .mod-orient-layer__desc{margin-top:20px;font-size:.32rem;color:#fff}.hscene #orientLaye{display:block}@-webkit-keyframes rotation{from{-webkit-transform:rotate(90deg);transform:rotate(90deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes rotation{from{-webkit-transform:rotate(90deg);transform:rotate(90deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}