.body{display:flex;justify-content:center;align-items:center;position:fixed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.home{background-size:100% 100%;left:0;top:0;position:fixed}.home,.home .home-bg{height:100vmin;width:100vmax}.home .home-bg,.home .tree-left{position:absolute}.home .tree-left{width:20vmax;bottom:20vmin;-webkit-animation:anTree 4s ease 0s infinite;animation:anTree 4s ease 0s infinite;left:-3vmax}.home .tree-right{position:absolute;width:17vmax;bottom:15vmin;right:-8vmax;-webkit-animation:anTreeR 4s ease 1s infinite;animation:anTreeR 4s ease 1s infinite}.home .home-bottom{width:100vmax;bottom:0}.home .home-bottom,.home .home-logo{position:absolute;z-index:10;transform:translateY(10vmin);-webkit-animation:anFoot .5s ease 0s forwards;animation:anFoot .5s ease 0s forwards}.home .home-logo{width:16vmax;left:46vmax;bottom:5vmin}.home .panda{width:26.39vmax;position:absolute;bottom:0;left:18vmax;transform:rotate(-90deg);-webkit-animation:anPanda .7s linear .3s forwards;animation:anPanda .7s linear .3s forwards;transform-origin:50% 100%}.home .anpanda{-webkit-animation:panda 3s ease 0s infinite;animation:panda 3s ease 0s infinite}.home .monkey{width:43.7vmax;top:0;right:0;position:absolute;-webkit-animation:anMonkey 1s linear 0s forwards;animation:anMonkey 1s linear 0s forwards;transform:translateY(-30vmin)}.home .anmonkey{-webkit-animation:monkey 3.5s ease 0s infinite;animation:monkey 3.5s ease 0s infinite}.home .start{width:24vmax;position:absolute;z-index:11;left:42vmax;bottom:25vmin;-webkit-animation:startbtn .7s ease 1s forwards;animation:startbtn .7s ease 1s forwards;opacity:0;transform:scale(.7)}.home-hori{height:100vh;transform:rotate(90deg);transform-origin:0 0;margin:0 0 0 100vmin}.map{position:fixed;z-index:1;background:rgba(0,0,0,.9);top:0;left:0;display:flex;justify-content:center;align-items:center;-webkit-animation:anop .7s ease 0s forwards;animation:anop .7s ease 0s forwards;opacity:0}.map,.map img{width:100vmax;height:100vmin}.map .map-point,.map img{position:absolute}.map .map-point{width:24.5vmax;height:18.2vmin;margin:43vmin 0 0 62vmax;z-index:100}#container{height:100%;top:0;overflow:hidden}#container,.container-tip{position:fixed;z-index:100;width:100%;left:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.container-tip{text-align:center;color:#fff;opacity:.7;bottom:0;line-height:2em;font-size:13px}.tip-hori{transform:rotate(90deg);transform-origin:0 0;left:3.5vmax;top:0}.container-zoom{display:flex;position:fixed;z-index:100;top:5vmin;right:3vmax}.container-zoom img{width:5vmax;height:5vmax;margin-left:2vmax}.zoom-hori{transform:rotate(90deg);transform-origin:0 0;left:95vmin;top:83vmax}.point-img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.video{position:fixed;z-index:13;width:100vmax;height:100vmin;left:0;top:0;-o-object-fit:fill;object-fit:fill;background:#000}.video-skip{position:fixed;top:5vmin;right:3vmax;z-index:100;color:#fff;width:2.5em;cursor:pointer}.model{display:flex;justify-content:center;align-items:center;width:100vmax;height:100vmin;top:0;left:0;position:fixed;z-index:101}.model .close{position:absolute;width:8vmax;height:8vmax;z-index:101;right:5vmax;top:5vmin}.model .content{width:89vmax;height:86.48vmin;background:url(https://yunyingcdn.thecover.cn/o_1g6pobvnd1d25e2e9vm19ek7cf10.png);background-size:100% 100%;display:flex;padding:8vmin 10vmax 10vmin 10vmax;box-sizing:border-box;align-items:center;justify-content:center}.model .content h1{font-size:20px;font-weight:700;margin-bottom:1vmax}.model .content video{width:50%;background:rgba(0,0,0,.5);padding:.5vmax;height:65vmin;box-sizing:border-box;border-radius:.5vmax}.model .content .image{max-width:50%;max-height:65vmin;border-radius:.5vmax}.model .content .info{background:rgba(0,0,0,.5);color:#fff;font-size:15px;padding:2vmax;box-sizing:border-box;overflow-y:scroll;height:65vmin;border-radius:.5vmax;margin-left:2px}.model .enter{padding:1vmax 0 0 3vmax}.model .enter img{width:60%;margin-top:1vmax}.camera{position:fixed;width:100vmax;height:100vmin;top:0;left:0;z-index:102;background:#fff;-webkit-animation:camera .5s ease .2s forwards;animation:camera .5s ease .2s forwards}.camera .camera-img{-webkit-animation:cameraimg .5s ease 1s forwards;animation:cameraimg .5s ease 1s forwards;transform:scale(2);touch-action:none}.camera .camera-img,.camera .camera-save{width:100vmax;height:100vmin;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.camera .camera-save{position:fixed;top:0;left:0}.camera .camera-restart{bottom:7vmin}.camera .camera-long,.camera .camera-restart{width:24vmax;position:absolute;z-index:11;left:42vmax}.camera .camera-long{text-align:center;bottom:1vmin;font-size:2vmax;color:#fff}@-webkit-keyframes anTree{0%{transform:rotate(0);transform-origin:0 100%}50%{transform:rotate(30deg);transform-origin:0 100%}to{transform:rotate(0);transform-origin:0 100%}}@keyframes anTree{0%{transform:rotate(0);transform-origin:0 100%}50%{transform:rotate(30deg);transform-origin:0 100%}to{transform:rotate(0);transform-origin:0 100%}}@-webkit-keyframes anTreeR{0%{transform:rotate(0);transform-origin:100% 100%}50%{transform:rotate(30deg);transform-origin:100% 100%}to{transform:rotate(0);transform-origin:100% 100%}}@keyframes anTreeR{0%{transform:rotate(0);transform-origin:100% 100%}50%{transform:rotate(30deg);transform-origin:100% 100%}to{transform:rotate(0);transform-origin:100% 100%}}@-webkit-keyframes anFoot{0%{transform:translateY(10vmin)}to{transform:translateY(0)}}@keyframes anFoot{0%{transform:translateY(10vmin)}to{transform:translateY(0)}}@-webkit-keyframes anPanda{0%{transform:rotate(-90deg)}to{transform:rotate(-20deg)}}@keyframes anPanda{0%{transform:rotate(-90deg)}to{transform:rotate(-20deg)}}@-webkit-keyframes anMonkey{0%{transform:translateY(-30vmin)}to{transform:translateY(-5vmin)}}@keyframes anMonkey{0%{transform:translateY(-30vmin)}to{transform:translateY(-5vmin)}}@-webkit-keyframes panda{0%{transform:rotate(-20deg)}50%{transform:rotate(20deg)}to{transform:rotate(-20deg)}}@keyframes panda{0%{transform:rotate(-20deg)}50%{transform:rotate(20deg)}to{transform:rotate(-20deg)}}@-webkit-keyframes monkey{0%{transform:translateY(-5vmin)}50%{transform:translateY(0)}to{transform:translateY(-5vmin)}}@keyframes monkey{0%{transform:translateY(-5vmin)}50%{transform:translateY(0)}to{transform:translateY(-5vmin)}}@-webkit-keyframes startbtn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes startbtn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@-webkit-keyframes anop{0%{opacity:0}to{opacity:1}}@keyframes anop{0%{opacity:0}to{opacity:1}}@-webkit-keyframes anpoint{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes anpoint{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@-webkit-keyframes camera{0%{background:#fff;opacity:0}50%{background:#000;opacity:1}to{background:#000;opacity:1}}@keyframes camera{0%{background:#fff;opacity:0}50%{background:#000;opacity:1}to{background:#000;opacity:1}}@-webkit-keyframes cameraimg{0%{transform:scale(2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cameraimg{0%{transform:scale(2);opacity:0}to{transform:scale(1);opacity:1}}