*,:after,:before{box-sizing:border-box}*{padding:0}*,html{margin:0}html{font-family:Tahoma,-apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;height:100vh;width:100vw}body{overflow:hidden}body,ul{margin:0}ul{list-style-type:none;padding:0}.load-container{background:#fcf5eb;bottom:0;left:0;position:absolute;right:0;top:0;z-index:999}.load-container>.load-bar-back,.load-container>.load-bar-front{border-radius:1.06667vmin;bottom:0;height:2.13333vmin;left:0;margin:auto;position:absolute;right:0;top:0;width:75%}.load-container>.load-bar-back{background:#eccc9b}.load-container>.load-bar-front{-webkit-transform:scaleX(0);-webkit-transform-origin:left center;background:#d71517;transform:scaleX(0);transform-origin:left center}.load-container>.load-hint{-webkit-transform:translateY(100%);bottom:0;color:#d71517;height:1.5em;left:0;margin:auto;position:absolute;right:0;text-align:center;top:0;transform:translateY(100%)}.choose__back,.detail__close,.fixed__footer>button,.fixed__header .icon__bg-music,.generate__btn,.generate__close,.postcard__back,.rank__close,.result__no,.result__replay,.result__submit{background:transparent;border:none;padding:0}.choose__back:focus,.detail__close:focus,.fixed__footer>button:focus,.fixed__header .icon__bg-music:focus,.generate__btn:focus,.generate__close:focus,.postcard__back:focus,.rank__close:focus,.result__no:focus,.result__replay:focus,.result__submit:focus{outline:none}html{font-size:1vh}body{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;font-size:2.13333vmin;height:100vh;position:relative;user-select:none;width:100vw}.loading{-webkit-align-items:center;-webkit-justify-content:center;align-items:center;bottom:0;display:-webkit-flex;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.wrapper{display:none;height:100vh;overflow:hidden;position:relative;width:100vw}@media screen and (orientation:portrait){html{font-size:1vw}.wrapper{-webkit-transform:rotate(90deg);height:100vw;left:calc(50vw - 50vh);top:calc(50vh - 50vw);transform:rotate(90deg);width:100vh}}.active .fixed__footer,.active .fixed__header,.active .home__container .key,.active .home__container .scroll{opacity:1}.movable{-webkit-overflow-scrolling:touch;overflow-x:scroll;overflow-y:hidden;width:100%}.bg__container,.movable{height:100%;position:absolute}.bg__container{left:0;top:0}.bg__container>img{position:absolute;top:0}.bg__main{height:100%;position:static!important}.bg__left{height:100%;left:0}.bg__right{height:100%;right:0}.fixed__header{-webkit-transform:translateZ(0);left:0;opacity:0;position:absolute;top:4.4vmin;transform:translateZ(0);transition:opacity 1s ease-in 2.5s;width:100%}.fixed__header .logo{height:4.93333vmin;left:22vmin;position:absolute;width:14.93333vmin}.fixed__header .icon__bg-music{background:url(e47feb9049ee946de660643819d0b611.png);background-size:100%;height:6.66667vmin;left:42vmin;position:absolute;top:-.53333vmin;width:6.53333vmin}.fixed__header .score-right{position:absolute;right:3.33333vmin;top:-1.33333vmin;width:24vmin}.fixed__header .score-right>img{display:block;width:100%}.fixed__header .score-right__num{-webkit-transform:translateY(-.4vmin);bottom:0;color:#dfcca3;font-size:3.2vmin;height:3.2vmin;left:10.66667vmin;line-height:1;margin:auto;position:absolute;top:0;transform:translateY(-.4vmin)}.fixed__header .score-right__num:before{content:"+"}.fixed__footer{-webkit-transform:translateZ(0);bottom:1.73333vmin;opacity:0;position:absolute;right:4.4vmin;text-align:right;transform:translateZ(0);transition:opacity 1s ease-in 2.5s}.fixed__footer>button{background:no-repeat;background-size:100%;height:8.8vmin;margin-left:4.4vmin;width:20.26667vmin}.fixed__footer .move-forward{background-image:url(e685e63f22df677741096e4e61d231c7.png);border:none}.fixed__footer .move-backward{background-image:url(6a58bc8e4b3d11133f9edaf5d1a032eb.png);border:none}.fixed__footer .photograph{background-image:url(09053afe033fcfb4941c889f433d6db9.png)}.cursor{-webkit-animation-play-state:paused;animation:anim-cursor 2s ease-in-out infinite alternate-reverse;animation-play-state:paused;left:.93333vmin;margin:auto;position:absolute;right:0;top:-6.66667vmin;width:7.06667vmin}.active>.cursor{-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes anim-cursor{0%{opacity:0}to{opacity:1}}@keyframes anim-cursor{0%{opacity:0}to{opacity:1}}.home__container{bottom:0;left:0;position:absolute;right:0;top:0}.home__container .key{height:36.4vmin;top:14.66667vmin;transition:opacity 1s ease-in .5s;width:120.66667vmin}.home__container .key,.home__container .scroll{left:0;margin:auto;opacity:0;position:absolute;right:0}.home__container .scroll{height:37.86667vmin;top:49.6vmin;transition:opacity 1s ease-in 1.5s;width:121.33333vmin}.postcard__container{-webkit-transform:translateZ(0);background:rgba(0,0,0,.66);transform:translateZ(0);z-index:999}.postcard__container,.postcard__content,.postcard__generate{display:none;height:100%;left:0;position:absolute;top:0;width:100%}.postcard__content{bottom:0;height:100vmin;margin:auto;right:0;width:159.2vmin}.postcard__img,.postcard__img>img{height:100%;width:100%}.postcard__img>img{display:block}.postcard__back{background:url(6de0f1b48e91e7047690783676e2ba37.png) no-repeat;background-size:100% 100%;height:6.13333vmin;left:6.4vmin;position:absolute;top:6.4vmin;width:6.13333vmin}.generate__container{-webkit-justify-content:space-between;display:-webkit-flex;display:flex;justify-content:space-between;padding:7.46667vmin 6.93333vmin;width:100%}.generate__left{position:relative;width:86.13333vmin}.generate__postcard{display:block;width:100%}.generate__text{opacity:0;position:absolute}.generate__close{background:url(d8b264ee2a8a1f0cdd16698c0483c036.png) no-repeat;background-size:100%;height:6.26667vmin;position:absolute;right:-3.06667vmin;top:-2.66667vmin;width:6.26667vmin}.generate__right{-webkit-flex-direction:column;color:#fff;display:-webkit-flex;display:flex;flex-direction:column;margin-left:1.33333vmin;width:53.33333vmin}.generate__logo{-webkit-align-self:flex-end;align-self:flex-end;margin-bottom:auto;width:11.6vmin}.generate__key{margin-bottom:9.06667vmin;width:52.8vmin}.generate__controller{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;font-size:3.33333vmin;margin-bottom:5.33333vmin}.generate__controller>label{-webkit-flex:0 0 auto;flex:0 0 auto;font-weight:400}.generate__controller>input{-webkit-flex:1;background:transparent;border:none;border-bottom:1px solid;color:inherit;flex:1;font:inherit;padding:.66667vmin 1.33333vmin;width:0}.generate__controller>input:focus{outline:none}.generate__btn{-webkit-align-self:flex-end;align-self:flex-end;border:1px solid;border-radius:4.93333vmin;color:inherit;font-size:2.93333vmin;height:4.93333vmin;line-height:4.93333vmin;text-align:center;width:21.2vmin}.point__1-1{left:779.06667vmin;position:absolute;top:45.33333vmin}@-webkit-keyframes wateranimate{0%{-webkit-transform:scale(0);opacity:.5;transform:scale(0)}to{-webkit-transform:scale(2);opacity:0;transform:scale(2)}}.point__1-1 .water__container{height:12.26667vmin;position:relative;width:12.26667vmin}.point__1-1 .water__1{-webkit-animation:wateranimate 12s ease-out 9s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 9s infinite;animation-play-state:paused}.point__1-1 .water__2{-webkit-animation:wateranimate 12s ease-out 6s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 6s infinite;animation-play-state:paused}.point__1-1 .water__3{-webkit-animation:wateranimate 12s ease-out 3s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 3s infinite;animation-play-state:paused}.point__1-1 .water__4{-webkit-animation:wateranimate 12s ease-out 0s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 0s infinite;animation-play-state:paused}.point__1-1.active .water__1,.point__1-1.active .water__2,.point__1-1.active .water__3,.point__1-1.active .water__4{-webkit-animation-play-state:running;animation-play-state:running}.point__1-1 .water__1,.point__1-1 .water__2,.point__1-1 .water__3,.point__1-1 .water__4{border:1px solid #f99;border-radius:100%;bottom:0;box-shadow:inset 0 0 6.66667vmin 1.33333vmin red;height:5.6vmin;left:0;margin:auto;opacity:.1;position:absolute;right:0;top:0;width:5.6vmin;z-index:1}.point__1-2{left:189.2vmin;position:absolute;top:35.33333vmin}.point__1-2 .water__container{height:12.26667vmin;position:relative;width:12.26667vmin}.point__1-2 .water__1{-webkit-animation:wateranimate 12s ease-out 9s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 9s infinite;animation-play-state:paused}.point__1-2 .water__2{-webkit-animation:wateranimate 12s ease-out 6s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 6s infinite;animation-play-state:paused}.point__1-2 .water__3{-webkit-animation:wateranimate 12s ease-out 3s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 3s infinite;animation-play-state:paused}.point__1-2 .water__4{-webkit-animation:wateranimate 12s ease-out 0s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 0s infinite;animation-play-state:paused}.point__1-2.active .water__1,.point__1-2.active .water__2,.point__1-2.active .water__3,.point__1-2.active .water__4{-webkit-animation-play-state:running;animation-play-state:running}.point__1-2 .water__1,.point__1-2 .water__2,.point__1-2 .water__3,.point__1-2 .water__4{border:1px solid #f99;border-radius:100%;bottom:0;box-shadow:inset 0 0 6.66667vmin 1.33333vmin red;height:5.6vmin;left:0;margin:auto;opacity:.1;position:absolute;right:0;top:0;width:5.6vmin;z-index:1}.point__2{left:263.06667vmin;position:absolute;top:26.4vmin}.point__2 .water__container{height:12.26667vmin;position:relative;width:12.26667vmin}.point__2 .water__1{-webkit-animation:wateranimate 12s ease-out 9s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 9s infinite;animation-play-state:paused}.point__2 .water__2{-webkit-animation:wateranimate 12s ease-out 6s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 6s infinite;animation-play-state:paused}.point__2 .water__3{-webkit-animation:wateranimate 12s ease-out 3s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 3s infinite;animation-play-state:paused}.point__2 .water__4{-webkit-animation:wateranimate 12s ease-out 0s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 0s infinite;animation-play-state:paused}.point__2.active .water__1,.point__2.active .water__2,.point__2.active .water__3,.point__2.active .water__4{-webkit-animation-play-state:running;animation-play-state:running}.point__2 .water__1,.point__2 .water__2,.point__2 .water__3,.point__2 .water__4{border:1px solid #f99;border-radius:100%;bottom:0;box-shadow:inset 0 0 6.66667vmin 1.33333vmin red;height:5.6vmin;left:0;margin:auto;opacity:.1;position:absolute;right:0;top:0;width:5.6vmin;z-index:1}.point__3{left:183.06667vmin;position:absolute;top:69.6vmin}.point__3 .water__container{height:12.26667vmin;position:relative;width:12.26667vmin}.point__3 .water__1{-webkit-animation:wateranimate 12s ease-out 9s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 9s infinite;animation-play-state:paused}.point__3 .water__2{-webkit-animation:wateranimate 12s ease-out 6s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 6s infinite;animation-play-state:paused}.point__3 .water__3{-webkit-animation:wateranimate 12s ease-out 3s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 3s infinite;animation-play-state:paused}.point__3 .water__4{-webkit-animation:wateranimate 12s ease-out 0s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 0s infinite;animation-play-state:paused}.point__3.active .water__1,.point__3.active .water__2,.point__3.active .water__3,.point__3.active .water__4{-webkit-animation-play-state:running;animation-play-state:running}.point__3 .water__1,.point__3 .water__2,.point__3 .water__3,.point__3 .water__4{border:1px solid #f99;border-radius:100%;bottom:0;box-shadow:inset 0 0 6.66667vmin 1.33333vmin red;height:5.6vmin;left:0;margin:auto;opacity:.1;position:absolute;right:0;top:0;width:5.6vmin;z-index:1}.point__4-1{left:222.4vmin;position:absolute;top:31.33333vmin}.point__4-1 .water__container{height:12.26667vmin;position:relative;width:12.26667vmin}.point__4-1 .water__1{-webkit-animation:wateranimate 12s ease-out 9s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 9s infinite;animation-play-state:paused}.point__4-1 .water__2{-webkit-animation:wateranimate 12s ease-out 6s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 6s infinite;animation-play-state:paused}.point__4-1 .water__3{-webkit-animation:wateranimate 12s ease-out 3s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 3s infinite;animation-play-state:paused}.point__4-1 .water__4{-webkit-animation:wateranimate 12s ease-out 0s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 0s infinite;animation-play-state:paused}.point__4-1.active .water__1,.point__4-1.active .water__2,.point__4-1.active .water__3,.point__4-1.active .water__4{-webkit-animation-play-state:running;animation-play-state:running}.point__4-1 .water__1,.point__4-1 .water__2,.point__4-1 .water__3,.point__4-1 .water__4{border:1px solid #f99;border-radius:100%;bottom:0;box-shadow:inset 0 0 6.66667vmin 1.33333vmin red;height:5.6vmin;left:0;margin:auto;opacity:.1;position:absolute;right:0;top:0;width:5.6vmin;z-index:1}.point__4-2{left:932.8vmin;position:absolute;top:73.06667vmin}.point__4-2 .water__container{height:12.26667vmin;position:relative;width:12.26667vmin}.point__4-2 .water__1{-webkit-animation:wateranimate 12s ease-out 9s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 9s infinite;animation-play-state:paused}.point__4-2 .water__2{-webkit-animation:wateranimate 12s ease-out 6s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 6s infinite;animation-play-state:paused}.point__4-2 .water__3{-webkit-animation:wateranimate 12s ease-out 3s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 3s infinite;animation-play-state:paused}.point__4-2 .water__4{-webkit-animation:wateranimate 12s ease-out 0s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 0s infinite;animation-play-state:paused}.point__4-2.active .water__1,.point__4-2.active .water__2,.point__4-2.active .water__3,.point__4-2.active .water__4{-webkit-animation-play-state:running;animation-play-state:running}.point__4-2 .water__1,.point__4-2 .water__2,.point__4-2 .water__3,.point__4-2 .water__4{border:1px solid #f99;border-radius:100%;bottom:0;box-shadow:inset 0 0 6.66667vmin 1.33333vmin red;height:5.6vmin;left:0;margin:auto;opacity:.1;position:absolute;right:0;top:0;width:5.6vmin;z-index:1}.point__5{left:301.86667vmin;position:absolute;top:26.4vmin}.point__5 .water__container{height:12.26667vmin;position:relative;width:12.26667vmin}.point__5 .water__1{-webkit-animation:wateranimate 12s ease-out 9s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 9s infinite;animation-play-state:paused}.point__5 .water__2{-webkit-animation:wateranimate 12s ease-out 6s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 6s infinite;animation-play-state:paused}.point__5 .water__3{-webkit-animation:wateranimate 12s ease-out 3s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 3s infinite;animation-play-state:paused}.point__5 .water__4{-webkit-animation:wateranimate 12s ease-out 0s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 0s infinite;animation-play-state:paused}.point__5.active .water__1,.point__5.active .water__2,.point__5.active .water__3,.point__5.active .water__4{-webkit-animation-play-state:running;animation-play-state:running}.point__5 .water__1,.point__5 .water__2,.point__5 .water__3,.point__5 .water__4{border:1px solid #f99;border-radius:100%;bottom:0;box-shadow:inset 0 0 6.66667vmin 1.33333vmin red;height:5.6vmin;left:0;margin:auto;opacity:.1;position:absolute;right:0;top:0;width:5.6vmin;z-index:1}.point__6-1{left:1284.93333vmin;position:absolute;top:27.06667vmin}.point__6-1 .water__container{height:12.26667vmin;position:relative;width:12.26667vmin}.point__6-1 .water__1{-webkit-animation:wateranimate 12s ease-out 9s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 9s infinite;animation-play-state:paused}.point__6-1 .water__2{-webkit-animation:wateranimate 12s ease-out 6s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 6s infinite;animation-play-state:paused}.point__6-1 .water__3{-webkit-animation:wateranimate 12s ease-out 3s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 3s infinite;animation-play-state:paused}.point__6-1 .water__4{-webkit-animation:wateranimate 12s ease-out 0s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 0s infinite;animation-play-state:paused}.point__6-1.active .water__1,.point__6-1.active .water__2,.point__6-1.active .water__3,.point__6-1.active .water__4{-webkit-animation-play-state:running;animation-play-state:running}.point__6-1 .water__1,.point__6-1 .water__2,.point__6-1 .water__3,.point__6-1 .water__4{border:1px solid #f99;border-radius:100%;bottom:0;box-shadow:inset 0 0 6.66667vmin 1.33333vmin red;height:5.6vmin;left:0;margin:auto;opacity:.1;position:absolute;right:0;top:0;width:5.6vmin;z-index:1}.point__6-2{left:1344.13333vmin;position:absolute;top:10vmin}.point__6-2 .water__container{height:12.26667vmin;position:relative;width:12.26667vmin}.point__6-2 .water__1{-webkit-animation:wateranimate 12s ease-out 9s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 9s infinite;animation-play-state:paused}.point__6-2 .water__2{-webkit-animation:wateranimate 12s ease-out 6s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 6s infinite;animation-play-state:paused}.point__6-2 .water__3{-webkit-animation:wateranimate 12s ease-out 3s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 3s infinite;animation-play-state:paused}.point__6-2 .water__4{-webkit-animation:wateranimate 12s ease-out 0s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 0s infinite;animation-play-state:paused}.point__6-2.active .water__1,.point__6-2.active .water__2,.point__6-2.active .water__3,.point__6-2.active .water__4{-webkit-animation-play-state:running;animation-play-state:running}.point__6-2 .water__1,.point__6-2 .water__2,.point__6-2 .water__3,.point__6-2 .water__4{border:1px solid #f99;border-radius:100%;bottom:0;box-shadow:inset 0 0 6.66667vmin 1.33333vmin red;height:5.6vmin;left:0;margin:auto;opacity:.1;position:absolute;right:0;top:0;width:5.6vmin;z-index:1}.point__7{left:1370.53333vmin;position:absolute;top:5.6vmin}.point__7 .water__container{height:12.26667vmin;position:relative;width:12.26667vmin}.point__7 .water__1{-webkit-animation:wateranimate 12s ease-out 9s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 9s infinite;animation-play-state:paused}.point__7 .water__2{-webkit-animation:wateranimate 12s ease-out 6s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 6s infinite;animation-play-state:paused}.point__7 .water__3{-webkit-animation:wateranimate 12s ease-out 3s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 3s infinite;animation-play-state:paused}.point__7 .water__4{-webkit-animation:wateranimate 12s ease-out 0s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 0s infinite;animation-play-state:paused}.point__7.active .water__1,.point__7.active .water__2,.point__7.active .water__3,.point__7.active .water__4{-webkit-animation-play-state:running;animation-play-state:running}.point__7 .water__1,.point__7 .water__2,.point__7 .water__3,.point__7 .water__4{border:1px solid #f99;border-radius:100%;bottom:0;box-shadow:inset 0 0 6.66667vmin 1.33333vmin red;height:5.6vmin;left:0;margin:auto;opacity:.1;position:absolute;right:0;top:0;width:5.6vmin;z-index:1}.point__8{left:170.8vmin;position:absolute;top:7.46667vmin}.point__8 .water__container{height:12.26667vmin;position:relative;width:12.26667vmin}.point__8 .water__1{-webkit-animation:wateranimate 12s ease-out 9s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 9s infinite;animation-play-state:paused}.point__8 .water__2{-webkit-animation:wateranimate 12s ease-out 6s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 6s infinite;animation-play-state:paused}.point__8 .water__3{-webkit-animation:wateranimate 12s ease-out 3s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 3s infinite;animation-play-state:paused}.point__8 .water__4{-webkit-animation:wateranimate 12s ease-out 0s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 0s infinite;animation-play-state:paused}.point__8.active .water__1,.point__8.active .water__2,.point__8.active .water__3,.point__8.active .water__4{-webkit-animation-play-state:running;animation-play-state:running}.point__8 .water__1,.point__8 .water__2,.point__8 .water__3,.point__8 .water__4{border:1px solid #f99;border-radius:100%;bottom:0;box-shadow:inset 0 0 6.66667vmin 1.33333vmin red;height:5.6vmin;left:0;margin:auto;opacity:.1;position:absolute;right:0;top:0;width:5.6vmin;z-index:1}.point__10{left:717.86667vmin;position:absolute;top:30.93333vmin}.point__10 .water__container{height:12.26667vmin;position:relative;width:12.26667vmin}.point__10 .water__1{-webkit-animation:wateranimate 12s ease-out 9s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 9s infinite;animation-play-state:paused}.point__10 .water__2{-webkit-animation:wateranimate 12s ease-out 6s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 6s infinite;animation-play-state:paused}.point__10 .water__3{-webkit-animation:wateranimate 12s ease-out 3s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 3s infinite;animation-play-state:paused}.point__10 .water__4{-webkit-animation:wateranimate 12s ease-out 0s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 0s infinite;animation-play-state:paused}.point__10.active .water__1,.point__10.active .water__2,.point__10.active .water__3,.point__10.active .water__4{-webkit-animation-play-state:running;animation-play-state:running}.point__10 .water__1,.point__10 .water__2,.point__10 .water__3,.point__10 .water__4{border:1px solid #f99;border-radius:100%;bottom:0;box-shadow:inset 0 0 6.66667vmin 1.33333vmin red;height:5.6vmin;left:0;margin:auto;opacity:.1;position:absolute;right:0;top:0;width:5.6vmin;z-index:1}.point__11{left:1707.73333vmin;position:absolute;top:41.33333vmin}.point__11 .water__container{height:12.26667vmin;position:relative;width:12.26667vmin}.point__11 .water__1{-webkit-animation:wateranimate 12s ease-out 9s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 9s infinite;animation-play-state:paused}.point__11 .water__2{-webkit-animation:wateranimate 12s ease-out 6s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 6s infinite;animation-play-state:paused}.point__11 .water__3{-webkit-animation:wateranimate 12s ease-out 3s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 3s infinite;animation-play-state:paused}.point__11 .water__4{-webkit-animation:wateranimate 12s ease-out 0s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 0s infinite;animation-play-state:paused}.point__11.active .water__1,.point__11.active .water__2,.point__11.active .water__3,.point__11.active .water__4{-webkit-animation-play-state:running;animation-play-state:running}.point__11 .water__1,.point__11 .water__2,.point__11 .water__3,.point__11 .water__4{border:1px solid #f99;border-radius:100%;bottom:0;box-shadow:inset 0 0 6.66667vmin 1.33333vmin red;height:5.6vmin;left:0;margin:auto;opacity:.1;position:absolute;right:0;top:0;width:5.6vmin;z-index:1}.point__12{left:1602.93333vmin;position:absolute;top:8.4vmin}.point__12 .water__container{height:12.26667vmin;position:relative;width:12.26667vmin}.point__12 .water__1{-webkit-animation:wateranimate 12s ease-out 9s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 9s infinite;animation-play-state:paused}.point__12 .water__2{-webkit-animation:wateranimate 12s ease-out 6s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 6s infinite;animation-play-state:paused}.point__12 .water__3{-webkit-animation:wateranimate 12s ease-out 3s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 3s infinite;animation-play-state:paused}.point__12 .water__4{-webkit-animation:wateranimate 12s ease-out 0s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 0s infinite;animation-play-state:paused}.point__12.active .water__1,.point__12.active .water__2,.point__12.active .water__3,.point__12.active .water__4{-webkit-animation-play-state:running;animation-play-state:running}.point__12 .water__1,.point__12 .water__2,.point__12 .water__3,.point__12 .water__4{border:1px solid #f99;border-radius:100%;bottom:0;box-shadow:inset 0 0 6.66667vmin 1.33333vmin red;height:5.6vmin;left:0;margin:auto;opacity:.1;position:absolute;right:0;top:0;width:5.6vmin;z-index:1}.point__13{left:1084.93333vmin;position:absolute;top:11.33333vmin}.point__13 .water__container{height:12.26667vmin;position:relative;width:12.26667vmin}.point__13 .water__1{-webkit-animation:wateranimate 12s ease-out 9s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 9s infinite;animation-play-state:paused}.point__13 .water__2{-webkit-animation:wateranimate 12s ease-out 6s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 6s infinite;animation-play-state:paused}.point__13 .water__3{-webkit-animation:wateranimate 12s ease-out 3s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 3s infinite;animation-play-state:paused}.point__13 .water__4{-webkit-animation:wateranimate 12s ease-out 0s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 0s infinite;animation-play-state:paused}.point__13.active .water__1,.point__13.active .water__2,.point__13.active .water__3,.point__13.active .water__4{-webkit-animation-play-state:running;animation-play-state:running}.point__13 .water__1,.point__13 .water__2,.point__13 .water__3,.point__13 .water__4{border:1px solid #f99;border-radius:100%;bottom:0;box-shadow:inset 0 0 6.66667vmin 1.33333vmin red;height:5.6vmin;left:0;margin:auto;opacity:.1;position:absolute;right:0;top:0;width:5.6vmin;z-index:1}.point__14-1{left:842.26667vmin;left:1385.6vmin;position:absolute;top:21.73333vmin;top:51.46667vmin}.point__14-1 .water__container{height:12.26667vmin;position:relative;width:12.26667vmin}.point__14-1 .water__1{-webkit-animation:wateranimate 12s ease-out 9s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 9s infinite;animation-play-state:paused}.point__14-1 .water__2{-webkit-animation:wateranimate 12s ease-out 6s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 6s infinite;animation-play-state:paused}.point__14-1 .water__3{-webkit-animation:wateranimate 12s ease-out 3s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 3s infinite;animation-play-state:paused}.point__14-1 .water__4{-webkit-animation:wateranimate 12s ease-out 0s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 0s infinite;animation-play-state:paused}.point__14-1.active .water__1,.point__14-1.active .water__2,.point__14-1.active .water__3,.point__14-1.active .water__4{-webkit-animation-play-state:running;animation-play-state:running}.point__14-1 .water__1,.point__14-1 .water__2,.point__14-1 .water__3,.point__14-1 .water__4{border:1px solid #f99;border-radius:100%;bottom:0;box-shadow:inset 0 0 6.66667vmin 1.33333vmin red;height:5.6vmin;left:0;margin:auto;opacity:.1;position:absolute;right:0;top:0;width:5.6vmin;z-index:1}.point__15{left:626.26667vmin;position:absolute;top:33.06667vmin}.point__15 .water__container{height:12.26667vmin;position:relative;width:12.26667vmin}.point__15 .water__1{-webkit-animation:wateranimate 12s ease-out 9s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 9s infinite;animation-play-state:paused}.point__15 .water__2{-webkit-animation:wateranimate 12s ease-out 6s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 6s infinite;animation-play-state:paused}.point__15 .water__3{-webkit-animation:wateranimate 12s ease-out 3s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 3s infinite;animation-play-state:paused}.point__15 .water__4{-webkit-animation:wateranimate 12s ease-out 0s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 0s infinite;animation-play-state:paused}.point__15.active .water__1,.point__15.active .water__2,.point__15.active .water__3,.point__15.active .water__4{-webkit-animation-play-state:running;animation-play-state:running}.point__15 .water__1,.point__15 .water__2,.point__15 .water__3,.point__15 .water__4{border:1px solid #f99;border-radius:100%;bottom:0;box-shadow:inset 0 0 6.66667vmin 1.33333vmin red;height:5.6vmin;left:0;margin:auto;opacity:.1;position:absolute;right:0;top:0;width:5.6vmin;z-index:1}.point__16{left:441.33333vmin;position:absolute;top:50.13333vmin}.point__16 .water__container{height:12.26667vmin;position:relative;width:12.26667vmin}.point__16 .water__1{-webkit-animation:wateranimate 12s ease-out 9s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 9s infinite;animation-play-state:paused}.point__16 .water__2{-webkit-animation:wateranimate 12s ease-out 6s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 6s infinite;animation-play-state:paused}.point__16 .water__3{-webkit-animation:wateranimate 12s ease-out 3s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 3s infinite;animation-play-state:paused}.point__16 .water__4{-webkit-animation:wateranimate 12s ease-out 0s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 0s infinite;animation-play-state:paused}.point__16.active .water__1,.point__16.active .water__2,.point__16.active .water__3,.point__16.active .water__4{-webkit-animation-play-state:running;animation-play-state:running}.point__16 .water__1,.point__16 .water__2,.point__16 .water__3,.point__16 .water__4{border:1px solid #f99;border-radius:100%;bottom:0;box-shadow:inset 0 0 6.66667vmin 1.33333vmin red;height:5.6vmin;left:0;margin:auto;opacity:.1;position:absolute;right:0;top:0;width:5.6vmin;z-index:1}.point__17{left:368.93333vmin;position:absolute;top:33.86667vmin}.point__17 .water__container{height:12.26667vmin;position:relative;width:12.26667vmin}.point__17 .water__1{-webkit-animation:wateranimate 12s ease-out 9s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 9s infinite;animation-play-state:paused}.point__17 .water__2{-webkit-animation:wateranimate 12s ease-out 6s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 6s infinite;animation-play-state:paused}.point__17 .water__3{-webkit-animation:wateranimate 12s ease-out 3s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 3s infinite;animation-play-state:paused}.point__17 .water__4{-webkit-animation:wateranimate 12s ease-out 0s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 0s infinite;animation-play-state:paused}.point__17.active .water__1,.point__17.active .water__2,.point__17.active .water__3,.point__17.active .water__4{-webkit-animation-play-state:running;animation-play-state:running}.point__17 .water__1,.point__17 .water__2,.point__17 .water__3,.point__17 .water__4{border:1px solid #f99;border-radius:100%;bottom:0;box-shadow:inset 0 0 6.66667vmin 1.33333vmin red;height:5.6vmin;left:0;margin:auto;opacity:.1;position:absolute;right:0;top:0;width:5.6vmin;z-index:1}.point__18{left:316.4vmin;position:absolute;top:47.46667vmin}.point__18 .water__container{height:12.26667vmin;position:relative;width:12.26667vmin}.point__18 .water__1{-webkit-animation:wateranimate 12s ease-out 9s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 9s infinite;animation-play-state:paused}.point__18 .water__2{-webkit-animation:wateranimate 12s ease-out 6s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 6s infinite;animation-play-state:paused}.point__18 .water__3{-webkit-animation:wateranimate 12s ease-out 3s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 3s infinite;animation-play-state:paused}.point__18 .water__4{-webkit-animation:wateranimate 12s ease-out 0s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 0s infinite;animation-play-state:paused}.point__18.active .water__1,.point__18.active .water__2,.point__18.active .water__3,.point__18.active .water__4{-webkit-animation-play-state:running;animation-play-state:running}.point__18 .water__1,.point__18 .water__2,.point__18 .water__3,.point__18 .water__4{border:1px solid #f99;border-radius:100%;bottom:0;box-shadow:inset 0 0 6.66667vmin 1.33333vmin red;height:5.6vmin;left:0;margin:auto;opacity:.1;position:absolute;right:0;top:0;width:5.6vmin;z-index:1}.point__19{left:283.2vmin;position:absolute;top:42.53333vmin}.point__19 .water__container{height:12.26667vmin;position:relative;width:12.26667vmin}.point__19 .water__1{-webkit-animation:wateranimate 12s ease-out 9s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 9s infinite;animation-play-state:paused}.point__19 .water__2{-webkit-animation:wateranimate 12s ease-out 6s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 6s infinite;animation-play-state:paused}.point__19 .water__3{-webkit-animation:wateranimate 12s ease-out 3s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 3s infinite;animation-play-state:paused}.point__19 .water__4{-webkit-animation:wateranimate 12s ease-out 0s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 0s infinite;animation-play-state:paused}.point__19.active .water__1,.point__19.active .water__2,.point__19.active .water__3,.point__19.active .water__4{-webkit-animation-play-state:running;animation-play-state:running}.point__19 .water__1,.point__19 .water__2,.point__19 .water__3,.point__19 .water__4{border:1px solid #f99;border-radius:100%;bottom:0;box-shadow:inset 0 0 6.66667vmin 1.33333vmin red;height:5.6vmin;left:0;margin:auto;opacity:.1;position:absolute;right:0;top:0;width:5.6vmin;z-index:1}.point__20{left:1022.93333vmin;position:absolute;top:62vmin}.point__20 .water__container{height:12.26667vmin;position:relative;width:12.26667vmin}.point__20 .water__1{-webkit-animation:wateranimate 12s ease-out 9s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 9s infinite;animation-play-state:paused}.point__20 .water__2{-webkit-animation:wateranimate 12s ease-out 6s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 6s infinite;animation-play-state:paused}.point__20 .water__3{-webkit-animation:wateranimate 12s ease-out 3s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 3s infinite;animation-play-state:paused}.point__20 .water__4{-webkit-animation:wateranimate 12s ease-out 0s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 0s infinite;animation-play-state:paused}.point__20.active .water__1,.point__20.active .water__2,.point__20.active .water__3,.point__20.active .water__4{-webkit-animation-play-state:running;animation-play-state:running}.point__20 .water__1,.point__20 .water__2,.point__20 .water__3,.point__20 .water__4{border:1px solid #f99;border-radius:100%;bottom:0;box-shadow:inset 0 0 6.66667vmin 1.33333vmin red;height:5.6vmin;left:0;margin:auto;opacity:.1;position:absolute;right:0;top:0;width:5.6vmin;z-index:1}.point__21{left:1617.06667vmin;position:absolute;top:33.73333vmin}@keyframes wateranimate{0%{-webkit-transform:scale(0);opacity:.5;transform:scale(0)}to{-webkit-transform:scale(2);opacity:0;transform:scale(2)}}.point__21 .water__container{height:12.26667vmin;position:relative;width:12.26667vmin}.point__21 .water__1{-webkit-animation:wateranimate 12s ease-out 9s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 9s infinite;animation-play-state:paused}.point__21 .water__2{-webkit-animation:wateranimate 12s ease-out 6s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 6s infinite;animation-play-state:paused}.point__21 .water__3{-webkit-animation:wateranimate 12s ease-out 3s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 3s infinite;animation-play-state:paused}.point__21 .water__4{-webkit-animation:wateranimate 12s ease-out 0s infinite;-webkit-animation-play-state:paused;animation:wateranimate 12s ease-out 0s infinite;animation-play-state:paused}.point__21.active .water__1,.point__21.active .water__2,.point__21.active .water__3,.point__21.active .water__4{-webkit-animation-play-state:running;animation-play-state:running}.point__21 .water__1,.point__21 .water__2,.point__21 .water__3,.point__21 .water__4{border:1px solid #f99;border-radius:100%;bottom:0;box-shadow:inset 0 0 6.66667vmin 1.33333vmin red;height:5.6vmin;left:0;margin:auto;opacity:.1;position:absolute;right:0;top:0;width:5.6vmin;z-index:1}.detail{-webkit-transform:translateZ(0);background:rgba(0,0,0,.66);display:none;height:100%;transform:translateZ(0);width:100%;z-index:999}.detail,.detail__body{left:0;position:absolute;top:0}.detail__body{bottom:0;height:96.93333vmin;margin:auto;right:0;width:132.93333vmin}.detail__close{background:url(c00b4fcdac39ccd713bcc480e982816e.png) no-repeat;background-size:100%;height:6.26667vmin;position:absolute;right:7.2vmin;top:7.2vmin;width:6.26667vmin;z-index:99}.detail__bg{display:block;width:100%}.detail__title{left:0;margin:auto;position:absolute;right:0;top:10.4vmin;width:44.26667vmin}.detail__content,.kacha__container{left:0;position:absolute;top:0;width:100%}.kacha__container{display:none;height:100%;z-index:99}.choose__container{-webkit-transform:translateZ(0);background:#dfcca3;display:none;overflow:hidden;transform:translateZ(0);z-index:99}.choose__container,.choose__kacha{height:100%;left:0;position:absolute;top:0;width:100%}.choose__kacha{-webkit-align-items:center;-webkit-justify-content:center;-webkit-transform:translateZ(0) scale(1);align-items:center;display:-webkit-flex;display:flex;justify-content:center;transform:translateZ(0) scale(1);transition:-webkit-transform .65s .5s;transition:transform .65s .5s;transition:transform .65s .5s,-webkit-transform .65s .5s}.choose__kacha.active{-webkit-transform:translate3d(-50.66667vmin,6.66667vmin,0) scale(0);transform:translate3d(-50.66667vmin,6.66667vmin,0) scale(0)}.choose__kacha.active:after{-webkit-animation-play-state:running;animation-play-state:running}.choose__kacha:after{-webkit-animation:kacha .5s linear;-webkit-animation-play-state:paused;animation:kacha .5s linear;animation-play-state:paused;background:#fff;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}@-webkit-keyframes kacha{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes kacha{0%{opacity:0}50%{opacity:1}to{opacity:0}}.choose__photo{height:80%}.choose__header{-webkit-align-items:flex-start;-webkit-justify-content:space-between;align-items:flex-start;display:-webkit-flex;display:flex;justify-content:space-between;margin:7.6vmin 0 0 18.66667vmin}.choose__key{width:38.66667vmin}.choose__postmark{width:38vmin}.choose__text{color:#584e40;font-size:3.73333vmin;font-weight:700;line-height:7.46667vmin;margin-left:18.66667vmin}.choose__num{font-weight:400}.choose__text-img{margin-left:18.66667vmin;width:41.2vmin}.choose__list{-webkit-overflow-scrolling:touch;display:-webkit-flex;display:flex;margin:4vmin 0 2.66667vmin;overflow:auto;padding-left:18.66667vmin}.choose__item{-webkit-flex:0 0 auto;background:url(5731226115e06ee64c561574f1c58b4c.png) 50%/contain no-repeat;border:.66667vmin solid #aa915b;display:none;flex:0 0 auto;height:29.2vmin;margin-right:3.2vmin;width:29.2vmin}.choose__item>img{height:100%;width:100%}.choose__footer{-webkit-align-items:center;-webkit-justify-content:space-between;align-items:center;display:-webkit-flex;display:flex;justify-content:space-between;margin:5.33333vmin 8.66667vmin 0 18.66667vmin}.choose__logo{width:12.26667vmin}.choose__back{background:url(47f6b72a247acce1e10dc7cf0db3140b.png) no-repeat;background-size:100%;height:6.13333vmin;width:14.4vmin}.money__container{display:none}.money__container.active .money__1,.money__container.active .money__2{-webkit-transform:translate3d(0,100vmin,0);transform:translate3d(0,100vmin,0)}.money__container.active .money__text{-webkit-animation-play-state:running;animation-play-state:running}.money__1{width:130.26667vmin}.money__1,.money__2{-webkit-animation:money_1 1.5s linear;-webkit-transform:translate3d(0,-100%,0);animation:money_1 1.5s linear;left:0;margin:auto;position:absolute;right:0;top:0;transform:translate3d(0,-100%,0);z-index:999}.money__2{width:116.26667vmin}@-webkit-keyframes money_1{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{-webkit-transform:translate3d(0,100vmin,0);transform:translate3d(0,100vmin,0)}}@keyframes money_1{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{-webkit-transform:translate3d(0,100vmin,0);transform:translate3d(0,100vmin,0)}}.money__text{-webkit-animation:money_text 1.5s ease;-webkit-animation-play-state:paused;-webkit-transform:translate3d(-50%,-50%,0) scale(0);animation:money_text 1.5s ease;animation-play-state:paused;color:#ff0101;font-size:16.8vmin;left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,0) scale(0);z-index:999}.money__text:before{content:"+"}@-webkit-keyframes money_text{0%{-webkit-transform:translate3d(-50%,-50%,0) scale(0);transform:translate3d(-50%,-50%,0) scale(0)}50%{-webkit-transform:translate3d(-50%,-50%,0) scale(1);transform:translate3d(-50%,-50%,0) scale(1)}to{-webkit-transform:translate3d(-50%,-50%,0) scale(0);transform:translate3d(-50%,-50%,0) scale(0)}}@keyframes money_text{0%{-webkit-transform:translate3d(-50%,-50%,0) scale(0);transform:translate3d(-50%,-50%,0) scale(0)}50%{-webkit-transform:translate3d(-50%,-50%,0) scale(1);transform:translate3d(-50%,-50%,0) scale(1)}to{-webkit-transform:translate3d(-50%,-50%,0) scale(0);transform:translate3d(-50%,-50%,0) scale(0)}}.result__container{-webkit-transform:translateZ(0);background:rgba(0,0,0,.66);display:none;height:100%;left:0;position:absolute;right:0;transform:translateZ(0);width:100%;z-index:999}.result__container>div{-webkit-align-items:center;-webkit-justify-content:center;align-items:center;display:-webkit-flex;display:flex;height:100%;justify-content:center}.result__inner{background:#feeed0;border-radius:1.33333vmin;height:55.6vmin;margin-top:8vmin;padding-top:5.33333vmin;position:relative;width:94.13333vmin}.result__inner>p{text-align:center}.result__title{left:0;margin:auto;position:absolute;right:0;top:-22.66667vmin;width:48.26667vmin}.result-score__container{color:#ff6c00;font-size:4.8vmin;line-height:9.06667vmin;text-align:center}.result-rank__container{color:#634928;font-size:3.73333vmin;line-height:7.46667vmin;margin-bottom:3.33333vmin;text-align:center}.result__submit{background:url(eb3414e45ec1e1f05333519545c3c945.png) no-repeat;background-size:100%}.result__replay,.result__submit{height:7.06667vmin;width:18.93333vmin}.result__replay{background:url(8a3322014ac0adc67b41e037a91b4baa.png) no-repeat;background-size:100%;margin-left:5.86667vmin}.result__no{background:url(ebfaf36c888277c9e3a0176c20f2bb52.png) no-repeat;background-size:100%;height:7.06667vmin;margin-top:2.66667vmin;width:54.8vmin}.result-left__container{color:#634928;font-size:3.73333vmin;line-height:7.46667vmin;margin-top:.66667vmin;text-align:center}.rank__container{-webkit-transform:translateZ(0);background:rgba(0,0,0,.66);display:none;height:100%;left:0;position:absolute;top:0;transform:translateZ(0);width:100%;z-index:999}.rank__container>div{-webkit-align-items:center;-webkit-justify-content:center;align-items:center;display:-webkit-flex;display:flex;height:100%;justify-content:center;width:100%}.rank__inner{-webkit-justify-content:flex-end;background:url(6d498bb3e4967fb8ead5e92d72796f1e.png) no-repeat;background-size:100%;display:-webkit-flex;display:flex;height:77.46667vmin;justify-content:flex-end;position:relative;width:123.46667vmin}.rank__list{height:53.33333vmin;margin-right:8vmin;margin-top:14.66667vmin;overflow-y:auto;width:85.33333vmin}.rank__item{border-bottom:1px solid #b98f57;color:#fff;display:-webkit-flex;display:flex;font-size:3.73333vmin;line-height:2}.rank__rank{margin-right:6.66667vmin;text-align:center;width:17.33333vmin}.rank__nickname{margin-right:12vmin;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:26.66667vmin}.rank__num{text-align:center;width:16.8vmin}.rank__close{background:url(1ab997a2d27f1a8bb213fd34ef36224e.png) no-repeat;background-size:100%;height:6.26667vmin;position:absolute;right:-6vmin;top:4.66667vmin;width:6.26667vmin}