html,body{height:100%;overflow:hidden}body,html,div,ul,li,h3,h4,p{margin:0;padding:0;border:0}ul,li{list-style-type:none}h3,h4{font-weight:normal}img{display:block}.vertical{position:relative;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(90deg) translateY(-100%);-ms-transform:rotate(90deg) translateY(-100%);transform:rotate(90deg) translateY(-100%);overflow:hidden}.one-page .one-text-box:before,.one-page .one-text-box:after,.one-page .one-text-box .one-btn-link{background:url(../images/one_page_skin.png) no-repeat;background-size:307px auto}.main-content{position:relative;background-color:#242c78}.main-content,.one-page{height:100%}.one-page{position:absolute;width:100%;height:100%;z-index:30}.one-page .left,.one-page .right{position:absolute;height:100%;width:50%;top:0;z-index:2}.one-page .left{left:0;background:url(../images/one_page_left.jpg) right bottom no-repeat;background-size:auto 100%}.one-page .left.left-door{-webkit-animation:left_door .2s linear forwards;animation:left_door .2s linear forwards}.one-page .right{left:50%;background:url(../images/one_page_right.jpg) left bottom no-repeat;background-size:auto 100%}.one-page .right.right-door{-webkit-animation:right_door .2s linear forwards;animation:right_door .2s linear forwards}.one-page .one-text-box{position:absolute;width:419px;height:150px;background-color:#4ba9e9;z-index:3;top:50%;left:50%;margin:-105px 0 0 -210px;border-radius:10px;border:2px solid #000;-webkit-box-shadow:inset 0 0 0 5px #26599e,inset 0 0 0 7px #000;box-shadow:inset 0 0 0 5px #26599e,inset 0 0 0 7px #000;padding:30px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:30px;font-size:20px}.one-page .one-text-box.text-anim{-webkit-animation:text_anim .2s linear .1s forwards;animation:text_anim .2s linear .1s forwards}.one-page .one-text-box:before,.one-page .one-text-box:after{content:'';overflow:hidden;position:absolute}.one-page .one-text-box:before{width:111px;height:118px;top:-5px;left:-5px}.one-page .one-text-box:after{width:28px;height:60px;background-position:-116px 0;right:13px;bottom:15px}.one-page .one-text-box .one-btn-link{position:absolute;width:307px;height:90px;background-position:0 -119px;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);bottom:-80px}.one-page .one-text-box .one-btn{position:absolute;display:block;width:196px;height:58px;border-radius:15px;border:2px solid #000;font-size:22px;left:50%;bottom:-101px;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);text-align:center;line-height:58px;text-decoration:none;background-color:#ed902f;color:#000;-webkit-box-sizing:border-box;box-sizing:border-box;padding:3px 11px;-webkit-animation:one_btn .5s linear 1s infinite;animation:one_btn .5s linear 1s infinite}.one-page .one-text-box .one-btn i{display:block;height:44px;line-height:44px;border:2px solid #000;background-color:#fbe651;border-radius:5px;font-style:normal}.results .btn,.tv-wrap .share,.tv-wrap .app,.tv-page .again:before{background:url(../images/btn.png) 0 0 no-repeat;background-size:152px auto}.one-results{z-index:50}.one-results,.two-results,.three-results{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation:results .5s linear forwards;animation:results .5s linear forwards}.result{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/result_skin.png) 0 0 no-repeat;background-size:cover;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0)}.result .results{position:relative}.result .news-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.result .news-list:first-child{margin-bottom:25px}.result .news-list img{width:100%}.result .news-list>div{color:#fff;font-size:15px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:relative}.result .news-list>div:after{content:'';position:absolute;display:block;background:url(../images/line.png) 0 0 no-repeat;background-size:109px auto;z-index:1}.result .news-list>div p{line-height:25px}.result .news-list>div span{display:block;color:#ffe617;font-size:13px;line-height:23px}.result .news-list .news-01{width:187px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;margin-right:25px}.result .news-list .news-01 .new-img{width:96px;margin-bottom:9px}.result .news-list .news-01:after{top:61px;width:48px;height:27px;left:30px}.result .news-list .new-img{background-color:#0f52ad;border:2px solid #0cabef;overflow:hidden;border-radius:4px;padding:5px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.result .news-list .news-02{width:272px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.result .news-list .news-02:after{top:10px;width:66px;height:19px;left:123px;background-position:-72px 0}.result .news-list .news-02 p{padding-top:30px}.result .news-list .news-02 .new-img{width:110px;margin-right:12px}.result .news-list .news-03{width:246px;text-align:right;margin-right:-80px}.result .news-list .news-03:after{top:104px;width:48px;height:30px;left:57px;background-position:0 -31px}.result .news-list .news-03 .new-img{width:117px;margin-bottom:9px}.result .news-list .news-04{width:315px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;top:-40px}.result .news-list .news-04:after{top:9px;width:52px;height:20px;left:147px;background-position:-54px -31px}.result .news-list .news-04 p{padding-top:30px}.result .news-list .news-04 .new-img{width:134px;margin-right:12px}.result .btn{position:absolute;bottom:0;right:0;width:122px;height:46px;overflow:hidden}.result.three-results .btn{background-position:0 -51px}.two-page{position:relative;overflow:hidden;top:0;left:0;z-index:20;width:100%;height:100%;background:url(../images/two_page.jpg) center center no-repeat;background-size:cover}.two-page .people-box{position:absolute;z-index:10;width:166px;height:240px;top:50%;left:50%;margin:-120px 0 0 -83px}.two-page .people-box img{height:100%}.two-page .people-box .people{position:absolute;z-index:4;top:0;left:0;width:100%;height:100%;background:url(../images/people.png) 0 0 no-repeat;background-size:332px auto}.two-page .people-box .people.people-anim{background-position:-166px 0}.two-page .people-box .flame{position:absolute;width:119px;height:133px;z-index:2;top:156px;left:24px;background:url(../images/flame.png) 0 0 no-repeat;background-size:357px auto;opacity:0}.two-page .bule-skin{position:absolute;z-index:2;width:100px;height:100px;top:50%;left:50%;border-radius:2000px;margin:-50px 0 0 -50px;background-color:#4ba9e9}.two-page .btn-anim-show{position:absolute;z-index:10;width:411px;height:56px;bottom:0;left:50%;margin-left:-206px;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}.two-page .btn-anim-show .btn-anim-hide{width:411px;height:56px;background:url(../images/two_page_skin.png) 0 0 no-repeat;background-size:411px auto}.two-page .btn-anim-show p{display:block;width:276px;height:52px;overflow:hidden;margin:0 auto;background-color:#db9042;border:2px solid #000;border-radius:15px;position:relative;top:-20px;padding:3px 11px;text-decoration:none}.two-page .btn-anim-show p span{display:block;border:2px solid #000;height:48px;line-height:48px;background-color:#fbe651;padding:0 15px;color:#000;font-size:18px;border-radius:5px}.two-page .image-skin{position:absolute;width:100%;height:400%;overflow:hidden;bottom:100%;left:0;background:url(../images/move_skin.png) 0 0 repeat;background-size:610px auto;z-index:4;-webkit-transform:perspective(300px) translate(0,0);transform:perspective(300px) translate(0,0)}.two-page-anim .btn-anim-show{-webkit-animation:btn_anim_show .3s linear forwards;animation:btn_anim_show .3s linear forwards}.two-page-anim .btn-anim-hide{-webkit-animation:btn_anim_hide .3s linear 3s forwards;animation:btn_anim_hide .3s linear 3s forwards}.two-page-anim .people{-webkit-animation:people_anim .1s steps(2) 3.2s 1;animation:people_anim .1s steps(2) 3.2s 1}.two-page-anim .bule-skin{-webkit-animation:bule_skin .2s ease-in 3.2s forwards;animation:bule_skin .2s ease-in 3.2s forwards}.two-page-anim .flame{-webkit-animation:flame_show 0s ease-in forwards 3.2s,flame_anim .5s steps(3) 3.2s infinite;animation:flame_show 0s ease-in forwards 3.2s,flame_anim .5s steps(3) 3.2s infinite}.two-page-anim .people-box{-webkit-animation:people_box_anim .5s linear 4.15s forwards;animation:people_box_anim .5s linear 4.15s forwards}.two-page-anim .image-skin{-webkit-animation:move_skin .75s linear 3.4s forwards;animation:move_skin .75s linear 3.4s forwards}.ele-missile,.ele-newspaper,.ele-shrimp,.tv-switch,.tv-screen,.fridge-top-door,.fridge-bottom-door,.open-top-door,.open-bottom-door,.scenes-guide,.drag-figure,.drag-newspaper,.drag-shrimp,.drag-missile,.drag-bicycle,.drag-car,.drag-ticket,.drag-glasses,.drag-19,.drag-neat,.drag-hammer,.drag-go{position:absolute}.ele-missile img,.ele-newspaper img,.ele-shrimp img,.tv-switch img,.tv-screen img,.fridge-top-door img,.fridge-bottom-door img,.open-top-door img,.open-bottom-door img,.scenes-guide img,.drag-figure img,.drag-newspaper img,.drag-shrimp img,.drag-missile img,.drag-bicycle img,.drag-car img,.drag-ticket img,.drag-glasses img,.drag-19 img,.drag-neat img,.drag-hammer img,.drag-go img{width:100%}.drag-figure,.drag-newspaper,.drag-shrimp,.drag-missile,.drag-bicycle,.drag-car,.drag-ticket,.drag-glasses,.drag-19,.drag-neat,.drag-hammer,.drag-go{width:60px;z-index:100;visibility:hidden}.first-round{position:absolute;z-index:40;width:100%;height:100%;top:0;left:0;background-color:#a8c0f9;overflow:hidden;-webkit-transform:translate(0,-100%);-ms-transform:translate(0,-100%);transform:translate(0,-100%)}.first-round .centent-box{position:relative;height:61.46666667%;z-index:3;background:url(../images/first_round_skin.jpg) center bottom no-repeat;background-size:cover}.first-round .skin-vase,.first-round .skin-bookshelf,.first-round .skin-tv,.first-round .skin-refrigerator,.first-round .skin-sofa{position:absolute}.first-round .skin-vase img,.first-round .skin-bookshelf img,.first-round .skin-tv img,.first-round .skin-refrigerator img,.first-round .skin-sofa img{width:100%}.first-round .skin-vase{width:10.55456171%;bottom:-10px;left:0}.first-round .skin-bookshelf{width:19.14132379%;bottom:-46px;left:11.09123434%;z-index:2}.first-round .skin-tv{width:35.86762075%;bottom:-46px;left:31.5%;z-index:4}.first-round .skin-tv .tips{white-space:nowrap;top:-11px;left:-79px}.first-round .skin-tv .tips:after{right:10px;background-position:-10px 0}.first-round .skin-refrigerator{width:18.60465116%;bottom:-46px;left:68.24686941%;z-index:5}.first-round .skin-refrigerator .dot{top:59%;left:21%;z-index:21}.first-round .skin-sofa{width:12.70125224%;bottom:-31px;right:0}.first-round .ele-missile{width:35.04672897%;top:45.55808656%;left:10.33257747%;z-index:5}.first-round .ele-missile .tips{white-space:nowrap;top:-30px;left:-70px}.first-round .ele-missile .tips:after{right:10px;background-position:-10px 0}.first-round .ele-newspaper{z-index:12;width:28.9276808%;top:56.514806%;left:73.5%}.first-round .ele-newspaper .dot{top:-6%;left:37%}.first-round .ele-newspaper .tips{white-space:nowrap;top:-32px;left:-104px}.first-round .ele-newspaper .tips:after{right:10px;background-position:-10px 0}.first-round .ele-shrimp{z-index:12;width:50.96153846%;top:56.09795%;left:9.329554%}.first-round .ele-shrimp .dot{top:31%;left:22%}.first-round .ele-shrimp .tips{white-space:nowrap;top:-26px;left:-122px}.first-round .ele-shrimp .tips:after{right:10px;background-position:-10px 0}.first-round .tv-switch{width:8.72817955%;top:14.485194%;left:61.8%;z-index:10;padding:20px 10px;margin:-20px 0 0 -10px}.first-round .tv-switch .dot{top:38%;left:32%}.first-round .tv-switch.tv-switch-off{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.first-round .tv-screen,.first-round .link-tv{width:49.62593516%;top:5.5%;left:10.2244389%}.first-round .tv-screen{z-index:10}.first-round .link-tv{position:absolute;height:45%;z-index:9}.first-round .fridge-top-door{width:100%;left:0;top:0;z-index:11}.first-round .fridge-bottom-door{width:100%;z-index:20;bottom:0;left:0}.first-round .open-top-door{z-index:12;width:44.23076923%;top:1.5%;left:97%}.first-round .open-bottom-door{z-index:12;width:44.23076923%;left:97%;top:48%}.first-round .scenes-guide{z-index:25;width:50.88235294%;left:38%;top:-110%;opacity:0}.first-round .scenes-hand{position:absolute;width:31.50289017%;top:11.25%;left:66.485549%;-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}.first-round .scenes-hand img{width:100%}.first-round .link-aircraft{position:absolute;z-index:6;width:40.651549%;height:10%;top:49.5%;left:48.2%}.first-round .link-aircraft .tips{white-space:nowrap;top:-22px;left:-72px}.first-round .link-aircraft .tips:after{right:10px;background-position:-10px 0}.first-round .link-map{position:absolute;z-index:5;width:36.651549%;height:15%;top:17.5%;left:20.2%}.first-round .link-map .tips{white-space:nowrap;top:-22px;left:-72px}.first-round .link-map .tips:after{right:10px;background-position:-10px 0}.tool{position:absolute;z-index:8;bottom:3.73333333%;left:50%;width:60.82289803%;-webkit-transform:translate(-50%,150%);-ms-transform:translate(-50%,150%);transform:translate(-50%,150%)}.tool .tips{width:145px;top:-65px;left:-10px;display:block;-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;font-size:14px}.tool .tips i{color:#e93e25;font-style:normal}.tool .tips:after{left:28px}.tool img{width:100%}.tool .tool-link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;width:79.4117647%;height:72.36842107%;z-index:8;top:27.63157893%;left:14.55882353%}.tool .tool-link img{display:none}.tool .tool-link span{display:block;width:25%;padding-left:2.9%;-webkit-box-sizing:border-box;box-sizing:border-box}.control{position:absolute;top:6.66666667%;width:100%;left:0;height:0;text-align:right;z-index:40;font-size:0}.control a,.control span{display:inline-block;width:38px;height:38px;overflow:hidden;margin-left:15px;background:url(../images/control.png) 0 0 no-repeat;background-size:90px auto;border-radius:38px}.control span{background-position:-52px 0;margin-right:25px}.control .music-anim:after{content:'';width:2px;height:60%;display:block;position:relative;top:20%;background-color:#1d1b24;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);margin:0 auto}.tips{border:2px solid #000;border-radius:4px;line-height:17px;font-size:12px;padding:5px 8px;position:absolute;background-color:#fff;display:none}.tips:after{content:'';position:absolute;width:10px;height:8px;bottom:-7px;z-index:10;background:url(../images/arrow.png) 0 0 no-repeat;background-size:auto 8px}.first-round-anim{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation:first_round .3s linear forwards;animation:first_round .3s linear forwards}.first-round-anim .tool{-webkit-animation:tool .3s linear .5s forwards;animation:tool .3s linear .5s forwards}.first-round-anim .scenes-guide{-webkit-animation:scenes_guide .1s linear 1.1s forwards;animation:scenes_guide .1s linear 1.1s forwards}.first-round-anim .scenes-hand{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation:scenes_hand .75s linear 1.3s backwards;animation:scenes_hand .75s linear 1.3s backwards}.two-results{z-index:70}.second-round{position:absolute;z-index:60;width:100%;height:100%;top:0;left:0;background:#85df93 url(../images/land.jpg) 0 bottom no-repeat;background-size:100% auto;overflow:hidden;-webkit-transform:translate(0,-100%);-ms-transform:translate(0,-100%);transform:translate(0,-100%)}.second-round .centent-box{position:relative;height:53.73333333%;background:url(../images/second_round_skin.jpg) center bottom no-repeat;background-size:cover;z-index:4}.second-round .centent-box img{width:100%}.second-round .ele-car,.second-round .ele-bicycle,.second-round .ele-glasses,.second-round .ele-ticket,.second-round .scenes-tree,.second-round .link-fire,.second-round .link-conductor,.second-round .link-computer{position:absolute}.second-round .ele-car{width:22.36135957%;bottom:5.69306931%;left:-5.99284436%;z-index:2}.second-round .ele-car .tips{white-space:nowrap;top:-35px;left:-5px}.second-round .ele-car .tips:after{left:35%;background-position:-10px 0}.second-round .ele-car.ele-car-anim{-webkit-animation:car_anim .3s linear forwards;animation:car_anim .3s linear forwards}.second-round .ele-bicycle{width:22.00357782%;left:4.47227191%;top:96.0199005%;z-index:4}.second-round .ele-bicycle .tips{white-space:nowrap;top:-35px;left:-5px}.second-round .ele-bicycle .tips:after{left:35%;background-position:-10px 0}.second-round .ele-ticket{width:64.14141414%;top:-16.266667%;left:-34.695652%;z-index:5;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.second-round .ele-ticket.ticket-anim{-webkit-animation:ticket .5s ease-in forwards;animation:ticket .5s ease-in forwards;-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}.second-round .scenes-tree{width:26.65474061%;left:0;bottom:-24.87562189%;z-index:3}.second-round .link-fire{width:7.60286225%;left:40%;top:34%}.second-round .wall{position:absolute;top:0;right:0;width:46.60107335%;z-index:5}.second-round .painting-01,.second-round .painting-02,.second-round .painting-03,.second-round .tickets-skin{position:absolute}.second-round .painting-01{width:25.61576355%;left:7.22495895%;top:7.61904762%;z-index:1}.second-round .painting-01 .dot{top:30%;left:40%}.second-round .painting-01 .tips{white-space:nowrap;top:-17px;left:-93px}.second-round .painting-01 .tips:after{left:80%;background-position:-10px 0}.second-round .painting-02{width:25.45155993%;left:34.48275862%;top:7.61904762%;z-index:2}.second-round .painting-02 .tips{width:103px;top:30px;left:-110%}.second-round .painting-02 .tips:after{left:80%;background-position:-10px 0}.second-round .painting-03{width:24.63054187%;left:62.72577997%;top:32.6984127%;z-index:6}.second-round .painting-03 .tips{width:85px;top:5px;left:-110%}.second-round .painting-03 .tips:after{left:80%;background-position:-10px 0}.second-round .ele-glasses{width:30.76923077%;top:20%;left:43%;padding:20px;margin:-20px 0 0 -20px}.second-round .tickets-skin{width:65.02463054%;top:39.68253968%;left:-7.8817734%;z-index:4}.second-round .link-conductor{width:22.271364%;height:28.066667%;top:34%;left:49%;z-index:6}.second-round .link-conductor .dot{top:21%;left:46%}.second-round .link-conductor .tips{white-space:nowrap;top:-10px;left:-250%}.second-round .link-conductor .tips:after{left:80%;background-position:-10px 0}.second-round .link-computer{width:100%;height:25%;z-index:5;top:0;left:0}.second-round .link-computer .tips{white-space:nowrap;top:-10px;left:0}.second-round .link-computer .tips:after{left:80%;background-position:-10px 0}.tool-anim{-webkit-animation:tool .3s linear .1s forwards;animation:tool .3s linear .1s forwards}.second-round-anim,.three-round-anim{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation:first_round .3s linear forwards;animation:first_round .3s linear forwards}.second-round-anim .tool{-webkit-animation:tool .3s linear .5s forwards;animation:tool .3s linear .5s forwards}.three-round{position:absolute;top:0;left:0;z-index:80;width:100%;height:100%;background-color:#8f9fcf;-webkit-transform:translate(0,-100%);-ms-transform:translate(0,-100%);transform:translate(0,-100%);overflow:hidden}.three-round:after{content:'';position:absolute;display:block;top:0;left:0;width:100%;z-index:2;height:68.53333333%;background:#8f9fcf url(../images/three_round_skin.jpg) center bottom no-repeat;background-size:cover}.three-round .railing{position:absolute;z-index:6;width:75.67084079%;left:18.29085457%;bottom:6.13333333%}.three-round .railing img{width:100%}.three-round .centent-box{position:relative;height:68.53333333%;z-index:3}.three-round .centent-box img{width:100%}.three-round .password-cabinet,.three-round .cat-cabinet,.three-round .neat-cabinet{position:absolute}.three-round .password-cabinet img,.three-round .cat-cabinet img,.three-round .neat-cabinet img{width:100%}.three-round .cat-cabinet,.three-round .neat-cabinet{width:12.52236136%;top:84.49612403%}.three-round .cat-cabinet{left:49.40029985%;z-index:4}.three-round .neat-cabinet{left:72.4137931%;z-index:5}.three-round .nineteen,.three-round .curtain,.three-round .cat,.three-round .neat,.three-round .ninetee-num,.three-round .finger,.three-round .curtain-off,.three-round .box-open,.three-round .box-off,.three-round .hammer{position:absolute}.three-round .nineteen{width:22.450805%;top:10%;left:14.84794275%;z-index:1}.three-round .nineteen .ninetee-num{width:15.93625498%;top:38%;left:43%;z-index:2;padding:20px;margin:-20px 0 0 -20px}.three-round .nineteen .tips{white-space:nowrap;top:5px;left:-14%;z-index:5}.three-round .nineteen .tips:after{left:80%;background-position:-10px 0}.three-round .nineteen .dot{top:20px;left:40%}.three-round .curtain{width:35.95706619%;left:52.41502683%;top:9%;z-index:2}.three-round .curtain .dot{top:54%;left:31%}.three-round .curtain .finger{width:30.84577114%;left:14.11192214%;top:27.14776632%;z-index:2}.three-round .curtain .curtain-off{width:102.24%;left:0;top:6%;z-index:4}.three-round .curtain .tips{white-space:nowrap;top:15%;left:-29%;z-index:5}.three-round .curtain .tips:after{left:90%;background-position:-10px 0}.three-round .password-cabinet{width:27.90697674%;left:15.14242879%;top:75%;z-index:3}.three-round .password-cabinet .dot{top:-2%;left:32%}.three-round .password-cabinet .box-open{width:69.55128205%;left:15.2%;top:-44%;z-index:1}.three-round .password-cabinet .hammer{width:32.75862069%;z-index:3;left:25%;top:-26%}.three-round .password-cabinet .box-off{width:69.55128205%;left:15.2%;z-index:5;top:-13.2%}.three-round .password-cabinet .cabinet_01{z-index:4;position:relative}.three-round .password-cabinet .tips{width:100px;top:-15px;left:-57%;z-index:5}.three-round .password-cabinet .tips:after{left:85%;background-position:-10px 0}.three-round .cat{width:54.28571429%;left:23.949025%;top:-62.6%;z-index:5}.three-round .cat .tips{white-space:nowrap;top:-21px;left:-196%;z-index:5}.three-round .cat .tips:after{left:80%;background-position:-10px 0}.three-round .neat{width:154.28571429%;left:-34%;top:-57.6%;z-index:5}.three-round .neat .tips{white-space:nowrap;top:-19px;left:-29%;z-index:5}.three-round .neat .tips:after{left:80%;background-position:-10px 0}.light-black{position:absolute;width:100%;height:100%;z-index:15;background-color:rgba(0,0,0,0.8)}.light{height:35%;position:absolute;left:48%;top:0;z-index:18}.light p{height:100%;width:2px;background-color:#000;position:relative;z-index:2}.light div{position:absolute;bottom:-38px;left:-29px;z-index:1;padding:20px}.light span{display:block;width:16px;height:16px;background-color:#ffd669;border:2px solid #000;border-radius:20px;-webkit-box-shadow:0 0 20px 20px rgba(88,95,180,0);box-shadow:0 0 20px 20px rgba(88,95,180,0)}.light span.light-anim{-webkit-animation:light 1.8s linear infinite;animation:light 1.8s linear infinite;-webkit-backface-visibility:hidden;backface-visibility:hidden}.dot{display:none;position:absolute;z-index:10;top:50%;left:50%}.dot:before{content:'';position:absolute;display:block;width:28px;height:28px;z-index:1;background-color:rgba(255,255,255,0.4);border-radius:28px;top:-7px;left:-7px;-webkit-animation:dot .8s linear infinite;animation:dot .8s linear infinite;-webkit-box-shadow:0 0 8px 0 rgba(255,255,255,0.4);box-shadow:0 0 8px 0 rgba(255,255,255,0.4)}.dot:after{content:'';display:block;width:14px;height:14px;overflow:hidden;background-color:rgba(255,255,255,0.5);border-radius:14px;position:relative;z-index:2}.password-pop{position:absolute;width:100%;height:100%;z-index:20;background-color:rgba(0,0,0,0.5);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.password-pop .del{position:absolute;width:40px;height:40px;background:url(../images/del.png) 0 0 no-repeat;background-size:cover;top:-22px;right:-22px;z-index:2}.password-pop .password-key{background-color:#d6cec4;width:218px;border:2px solid #000;border-radius:8px;padding:16px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.password-pop .password-key .pw-box{height:39px;line-height:39px;border:2px solid #fff;border-radius:4px;background-color:#fff;margin:0 0 2px;padding:0 10px;display:block;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:right;font-size:25px;position:relative}.password-pop .password-key .pw-box span{font-size:18px;display:block;position:absolute;top:0;left:0;width:100%;height:39px;padding:0 8px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#999}.password-pop .password-key .error{border:2px solid #e93e25}.password-pop .pw-btn{padding-top:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.password-pop .pw-btn a{display:block;border:2px solid #000;border-radius:4px;padding:0 14px;height:28px;line-height:28px;background-color:#e57a40;font-size:18px;color:#302c24}.password-pop .pw-btn a+a{background-color:#b3db52}.password-pop .num{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-top:10px}.password-pop .num span{display:block;width:10px;background-color:#efebe7;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:39px;text-align:center;line-height:39px;border-radius:4px;font-size:23px;color:#302c24}.password-pop .num span+span{margin-left:12px}.three-results{z-index:90}.result-tv{position:absolute;top:-500%;left:0;height:500%;width:100%;z-index:100;background:#4ba9e9 url(../images/move_skin.png) 0 0 repeat;background-size:610px auto;-webkit-backface-visibility:hidden;backface-visibility:hidden}.result-tv .result-missile,.result-tv .result-shrimp,.result-tv .result-fire-truck,.result-tv .result-bicycle,.result-tv .result-glasses{position:absolute}.result-tv .result-missile img,.result-tv .result-shrimp img,.result-tv .result-fire-truck img,.result-tv .result-bicycle img,.result-tv .result-glasses img{width:100%}.result-tv .result-missile{width:127px;top:75%;left:24%}.result-tv .result-shrimp{width:194px;top:58%;left:50%}.result-tv .result-fire-truck{width:128px;top:40%;left:35%}.result-tv .result-bicycle{width:112px;top:30%;left:53%}.result-tv .result-glasses{width:98px;top:30%;left:30%}.result-tv-anim{-webkit-animation:result_tv .8s linear forwards;animation:result_tv .8s linear forwards}.tv-page{position:relative;top:0;left:0;width:100%;height:20%;background:url(../images/result_skin.png) center center no-repeat;background-size:cover;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.tv-page .tv-box{width:295px;height:168px;background:url(../images/tv.png) 0 0 no-repeat;background-size:317px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-right:27px;padding:94px 11px 11px;overflow:hidden}.tv-page .tv-box p{position:relative;width:100%}.tv-page .tv-box span{position:absolute;width:64px;height:64px;overflow:hidden;margin:-32px 0 0 -32px;top:50%;left:50%;background:url(../images/play.png) 0 0 no-repeat;background-size:64px auto}.tv-page .logo{width:136px;height:36px;overflow:hidden;background:url(../images/sogo_logo.png) 0 0 no-repeat;background-size:auto 36px;margin-bottom:40px}.tv-page .btn-box{padding-top:63px}.tv-page .tv-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.tv-page .tv-wrap .share,.tv-page .tv-wrap .app{width:152px;height:46px;overflow:hidden;display:block}.tv-page .tv-wrap .share{background-position:0 -102px;margin-bottom:25px}.tv-page .tv-wrap .app{background-position:0 -153px;margin-bottom:17px}.tv-page .again{font-size:18px;color:#ffe617;line-height:28px;display:block;text-align:center;text-decoration:none}.tv-page .again:before{content:'';display:inline-block;width:18px;height:22px;background-position:-134px 0;position:relative;top:3px}.share-page{position:absolute;top:0;left:0;width:100%;height:100%;z-index:200;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:url(../images/result_skin.png) 0 0 no-repeat;background-size:cover;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.share-page .share-01,.share-page .share-02{position:absolute;top:20px;right:30px}.share-page .share-01,.share-page .share-02,.share-page .share-03{background:url(../images/share_skin.png) 0 0 no-repeat;background-size:255px auto;width:181px;height:102px}.share-page .share-02{background-position:0 -103px;width:194px;height:110px;top:20px;left:30px}.share-page .share-03{background-position:0 -214px;width:255px;height:115px}@-webkit-keyframes one_btn{0%{-webkit-box-shadow:inset 0 0 10px 0 #fbe651,0 0 0 0 #fbe651;box-shadow:inset 0 0 10px 0 #fbe651,0 0 0 0 #fbe651}50%{-webkit-box-shadow:inset 0 0 60px 0 rgba(251,230,81,0.7),0 0 1px 0 rgba(251,230,81,0.7);box-shadow:inset 0 0 60px 0 rgba(251,230,81,0.7),0 0 1px 0 rgba(251,230,81,0.7)}10%{-webkit-box-shadow:inset 0 0 10px 0 #fbe651,0 0 0 0 #fbe651;box-shadow:inset 0 0 10px 0 #fbe651,0 0 0 0 #fbe651}}@keyframes one_btn{0%{-webkit-box-shadow:inset 0 0 10px 0 #fbe651,0 0 0 0 #fbe651;box-shadow:inset 0 0 10px 0 #fbe651,0 0 0 0 #fbe651}50%{-webkit-box-shadow:inset 0 0 60px 0 rgba(251,230,81,0.7),0 0 1px 0 rgba(251,230,81,0.7);box-shadow:inset 0 0 60px 0 rgba(251,230,81,0.7),0 0 1px 0 rgba(251,230,81,0.7)}10%{-webkit-box-shadow:inset 0 0 10px 0 #fbe651,0 0 0 0 #fbe651;box-shadow:inset 0 0 10px 0 #fbe651,0 0 0 0 #fbe651}}@-webkit-keyframes left_door{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(-110%,0);transform:translate(-110%,0)}}@keyframes left_door{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(-110%,0);transform:translate(-110%,0)}}@-webkit-keyframes right_door{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(110%,0);transform:translate(110%,0)}}@keyframes right_door{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(110%,0);transform:translate(110%,0)}}@-webkit-keyframes text_anim{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(0,-240%);transform:translate(0,-240%)}}@keyframes text_anim{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(0,-240%);transform:translate(0,-240%)}}@-webkit-keyframes bule_skin{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(9);transform:scale(9)}}@keyframes bule_skin{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(9);transform:scale(9)}}@-webkit-keyframes btn_anim_show{0%{-webkit-transform:translate(0,150%) scale(1);transform:translate(0,150%) scale(1)}100%{-webkit-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}}@keyframes btn_anim_show{0%{-webkit-transform:translate(0,150%) scale(1);transform:translate(0,150%) scale(1)}100%{-webkit-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}}@-webkit-keyframes btn_anim_hide{0%{-webkit-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}100%{-webkit-transform:translate(0,150%) scale(1);transform:translate(0,150%) scale(1)}}@keyframes btn_anim_hide{0%{-webkit-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}100%{-webkit-transform:translate(0,150%) scale(1);transform:translate(0,150%) scale(1)}}@-webkit-keyframes move_skin{0%{-webkit-transform:perspective(300px) translate(0,0);transform:perspective(300px) translate(0,0)}100%{-webkit-transform:perspective(300px) translate(0,100%);transform:perspective(300px) translate(0,100%)}}@keyframes move_skin{0%{-webkit-transform:perspective(300px) translate(0,0);transform:perspective(300px) translate(0,0)}100%{-webkit-transform:perspective(300px) translate(0,100%);transform:perspective(300px) translate(0,100%)}}@-webkit-keyframes people_anim{0%{background-position:0 0}100%{background-position:-332px 0}}@keyframes people_anim{0%{background-position:0 0}100%{background-position:-332px 0}}@-webkit-keyframes flame_show{0%{opacity:0}100%{opacity:1}}@keyframes flame_show{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes flame_anim{0%{background-position:0 0}100%{background-position:-357px 0}}@keyframes flame_anim{0%{background-position:0 0}100%{background-position:-357px 0}}@-webkit-keyframes people_box_anim{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(0,-400%);transform:translate(0,-400%)}}@keyframes people_box_anim{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(0,-400%);transform:translate(0,-400%)}}@-webkit-keyframes first_round{0%{-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes first_round{0%{-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes results{0%{-webkit-transform:translate(100%,0);transform:translate(100%,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes results{0%{-webkit-transform:translate(100%,0);transform:translate(100%,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes tool{0%{-webkit-transform:translate(-50%,150%);transform:translate(-50%,150%);opacity:1}100%{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1}}@keyframes tool{0%{-webkit-transform:translate(-50%,150%);transform:translate(-50%,150%);opacity:1}100%{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1}}@-webkit-keyframes tips_show{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes tips_show{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes tips_hide{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);transform:scale(0)}}@keyframes tips_hide{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes scenes_guide{0%{opacity:0}100%{opacity:1}}@keyframes scenes_guide{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes scenes_hand{0%{top:11.25%;left:66.485549%;-webkit-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0)}50%{top:42%;left:30.13872832%;-webkit-transform:translate(-20px,0) rotate(-60deg);transform:translate(-20px,0) rotate(-60deg)}100%{top:42%;left:30.13872832%;-webkit-transform:translate(-20px,0) rotate(-60deg);transform:translate(-20px,0) rotate(-60deg)}}@keyframes scenes_hand{0%{top:11.25%;left:66.485549%;-webkit-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0)}50%{top:42%;left:30.13872832%;-webkit-transform:translate(-20px,0) rotate(-60deg);transform:translate(-20px,0) rotate(-60deg)}100%{top:42%;left:30.13872832%;-webkit-transform:translate(-20px,0) rotate(-60deg);transform:translate(-20px,0) rotate(-60deg)}}@-webkit-keyframes car_anim{0%{left:-5.99284436%}100%{left:26.38640429%}}@keyframes car_anim{0%{left:-5.99284436%}100%{left:26.38640429%}}@-webkit-keyframes ticket{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes ticket{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes result_tv{0%{top:-500%}100%{top:0}}@keyframes result_tv{0%{top:-500%}100%{top:0}}@-webkit-keyframes dot{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.8);transform:scale(0.8)}}@keyframes dot{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.8);transform:scale(0.8)}}@-webkit-keyframes light{0%,100%{-webkit-box-shadow:0 0 20px 20px rgba(88,95,180,0.3);box-shadow:0 0 20px 20px rgba(88,95,180,0.3)}50%{-webkit-box-shadow:0 0 20px 20px rgba(88,95,180,0.7);box-shadow:0 0 20px 20px rgba(88,95,180,0.7)}}@keyframes light{0%,100%{-webkit-box-shadow:0 0 20px 20px rgba(88,95,180,0.3);box-shadow:0 0 20px 20px rgba(88,95,180,0.3)}50%{-webkit-box-shadow:0 0 20px 20px rgba(88,95,180,0.7);box-shadow:0 0 20px 20px rgba(88,95,180,0.7)}}@media screen and (max-height:374px){.two-page-anim .btn-anim-show{-webkit-transform:translate(0,120%) scale(0.8);-ms-transform:translate(0,120%) scale(0.8);transform:translate(0,120%) scale(0.8)}@-webkit-keyframes btn_anim_show{0%{-webkit-transform:translate(0,120%) scale(0.8);transform:translate(0,120%) scale(0.8)}100%{-webkit-transform:translate(0,0) scale(0.8);transform:translate(0,0) scale(0.8)}}@keyframes btn_anim_show{0%{-webkit-transform:translate(0,120%) scale(0.8);transform:translate(0,120%) scale(0.8)}100%{-webkit-transform:translate(0,0) scale(0.8);transform:translate(0,0) scale(0.8)}}@-webkit-keyframes btn_anim_hide{0%{-webkit-transform:translate(0,0) scale(0.8);transform:translate(0,0) scale(0.8)}100%{-webkit-transform:translate(0,120%) scale(0.8);transform:translate(0,120%) scale(0.8)}}@keyframes btn_anim_hide{0%{-webkit-transform:translate(0,0) scale(0.8);transform:translate(0,0) scale(0.8)}100%{-webkit-transform:translate(0,120%) scale(0.8);transform:translate(0,120%) scale(0.8)}}.two-page .people-box{-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7)}.results{-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7)}}@media screen and (max-height:414px){.tv-wrap{-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}}.horizontal{display:none}@media(orientation:landscape){.horizontal{position:absolute;top:0;left:0;width:100%;height:100%;z-index:300;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:url(../images/result_skin.png) 0 0 no-repeat;background-size:cover;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.horizontal img{width:32.28980322%}}