.section,body,html{margin:0;padding:0;width:100%;height:100%;background:#e76b3c;font-size:10px;overflow:hidden}body{font-family:Circular,PingFang-SC,Helvetica Neue,Helvetica,Arial,sans-serif;color:#333}*,img{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}img{touch-callout:none;-ms-touch-callout:none;-moz-touch-callout:none}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.w100{width:100%}.h100{height:100%}.bottom{position:absolute;bottom:0}.center{margin:auto}.section,.section .bg{position:absolute;top:0;left:0}.section .bg{font-size:0;width:100%;height:100%;background:url(http://static.samgrc.cn/p1_kiss.png) 0 0 no-repeat;background-size:cover;z-index:-1}.section1{z-index:1000}.section2{z-index:800}.section3{z-index:600}.section4{overflow:hidden;z-index:3000;display:none;-webkit-transform:translateY(100%);transform:translateY(100%)}.explore{z-index:4000}.section-fail{z-index:2000;display:none}.section1 .bg{position:absolute;font-size:0;top:0;left:0;width:100%;height:100%;background:url(http://static.samgrc.cn/p1_kiss.png) 0 0 no-repeat;background-size:cover;z-index:-1}.section1 .text_top_1{width:64%;padding-top:5rem;margin:auto}.section1 .text_top_2{width:56.5%;padding-top:5rem;margin:auto}.section1 .text_top_3{width:47.3%;padding-top:1.8rem;margin:auto}.section1 .text_top_4{width:63.5%;padding-top:1.8rem;margin:auto}.section1 .hearts{position:absolute;padding-top:12rem;-webkit-filter:contrast(1) brightness(1.15) opacity(.95);filter:contrast(1) brightness(1.15) opacity(.95);width:100%;z-index:-1}.section1 .couple{font-size:0;width:49%;margin:auto}.section1 .btn_start{width:48%;padding-bottom:1.9rem}.section1 .text_bottom{width:24.9%;padding-bottom:2.1rem}.preload .progress-wrap{text-align:center}.preload .progress-wrap .progress{font-size:2.3rem;font-weight:300;letter-spacing:1px;color:#fff}.preload .text_bottom{width:24.9%;padding-bottom:2.1rem}.preload .text_loading{width:24%;padding-top:1rem}.preload .player{padding-top:23rem}.player{position:relative;width:100%;text-align:center}.player .playground{width:82%;position:relative;margin:auto;height:3.6rem;z-index:10;text-align:left}.player .playground .yeah{position:absolute;bottom:3rem;right:1rem;width:300%;display:none}.player .slot{text-align:left;position:relative;width:82%;height:1.6rem;margin:auto;background:#fff;border-radius:.5rem;-webkit-box-sizing:border-box;box-sizing:border-box}.player .target{width:10%;height:1.6rem;background:#ed1e79;border-radius:.4rem;-webkit-transform:translateX(0);transform:translateX(0)}.player .sighting{position:relative;background:url(http://static.samgrc.cn/p2_player_heart2.png) 50% 50% no-repeat;background-size:contain;display:inline-block;width:12.9%;height:5rem;bottom:-.1rem;-webkit-transform:translateX(675%);transform:translateX(675%)}.player .description{background:url(http://static.samgrc.cn/p2_text_player_desc.png) 50% 50% no-repeat;background-size:contain;display:inline-block;width:100%;height:4rem;margin-top:3.5rem;margin-bottom:6rem}.stories .story{display:none}.stories .story,.stories .story .bg{position:absolute;width:100%;height:100%}.stories .story .bg{top:0;left:0}.stories .story .hint{background:url(http://static.samgrc.cn/hint_before.png) no-repeat;background-size:contain;width:58.6%;height:12rem;position:absolute;top:37%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.stories .story .player{margin-top:10rem}.stories .story.fail .miss-hint{background:url(http://static.samgrc.cn/p_miss_hint.png) no-repeat;background-size:contain;width:32%;height:7rem;position:absolute;top:45%;left:48%}.stories .story1 .bg{background:url(http://static.samgrc.cn/card_bg_1.png) 0 50% no-repeat;background-size:cover}.stories .story1 .bg.success{background:url(http://static.samgrc.cn/card_story_1.jpeg) 0 50% no-repeat;background-size:cover}.stories .story2 .bg{background:url(http://static.samgrc.cn/card_bg_2.png) 0 50% no-repeat;background-size:cover}.stories .story2 .bg.success{background:url(http://static.samgrc.cn/card_story_2.jpeg) 0 50% no-repeat;background-size:cover}.stories .story3 .bg{background:url(http://static.samgrc.cn/card_bg_3.png) 0 50% no-repeat;background-size:cover}.stories .story3 .bg.success{background:url(http://static.samgrc.cn/card_story_3.jpeg) 0 50% no-repeat;background-size:cover}.stories .story4 .bg{background:url(http://static.samgrc.cn/card_bg_4.png) 0 50% no-repeat;background-size:cover}.stories .story4 .bg.success{background:url(http://static.samgrc.cn/card_story_4.jpeg) 0 50% no-repeat;background-size:cover}.stories .story5 .bg{background:url(http://static.samgrc.cn/card_bg_5.png) 0 50% no-repeat;background-size:cover}.stories .story5 .bg.success{background:url(http://static.samgrc.cn/card_story_5.jpeg) 0 50% no-repeat;background-size:cover}.stories .story6 .bg{background:url(http://static.samgrc.cn/card_bg_6.png) 0 50% no-repeat;background-size:cover}.stories .story6 .bg.success{background:url(http://static.samgrc.cn/card_story_6.jpeg) 0 50% no-repeat;background-size:cover}.stories .story7 .bg{background:url(http://static.samgrc.cn/card_bg_7.png) 0 50% no-repeat;background-size:cover}.stories .story7 .bg.success{background:url(http://static.samgrc.cn/card_story_7.jpeg) 0 50% no-repeat;background-size:cover}.section4{position:absolute;top:0;left:0}.section4 .bg{width:100%;height:100%;background:url(http://static.samgrc.cn/p1_kiss.png) 0 0 no-repeat;background-size:cover;z-index:-1}.section4 .bg,.section4 .demo-scale{position:absolute;font-size:0;top:0;left:0}.section4 .text-bonus{text-align:center;color:#fff;font-size:13px;line-height:2;padding-bottom:2rem}.section4 .text-bonus .first{line-height:1.3}.section4 .text-bonus .num{position:relative;font-size:30px}.section4 .text-bonus .yeah2{position:absolute;background:url(http://static.samgrc.cn/press_save.png) 50% 50% no-repeat;background-size:contain;top:-8rem;right:4rem;width:35%;height:10rem;z-index:200;opacity:0}.section4.only1 .cards>div{width:44%}.section4.only1 .cards>div:first-child{-webkit-transform-origin:50% 80%;transform-origin:50% 80%;-webkit-transform:translateZ(0) scale(1.3);transform:translateZ(0) scale(1.3);z-index:7}.section4.only2 .cards>div{width:44%}.section4.only2 .cards>div:first-child{-webkit-transform-origin:50% 80%;transform-origin:50% 80%;-webkit-transform:translate3d(-20%,0,0) scale(1.3);transform:translate3d(-20%,0,0) scale(1.3);z-index:7}.section4.only2 .cards>div:nth-child(2){-webkit-transform-origin:50% 80%;transform-origin:50% 80%;-webkit-transform:translate3d(22%,-8%,0) scale(1.3);transform:translate3d(22%,-8%,0) scale(1.3);z-index:6}.section4.only3 .cards>div{width:44%}.section4.only3 .cards>div:first-child{-webkit-transform-origin:50% 80%;transform-origin:50% 80%;-webkit-transform:translate3d(-20%,0,0) scale(1.3);transform:translate3d(-20%,0,0) scale(1.3);z-index:7}.section4.only3 .cards>div:nth-child(2){-webkit-transform-origin:50% 80%;transform-origin:50% 80%;-webkit-transform:translate3d(3%,-5%,0) scale(1.3);transform:translate3d(3%,-5%,0) scale(1.3);z-index:6}.section4.only3 .cards>div:nth-child(3){-webkit-transform-origin:50% 80%;transform-origin:50% 80%;-webkit-transform:translate3d(25%,-10%,0) scale(1.3);transform:translate3d(25%,-10%,0) scale(1.3);z-index:5}.section4.only4 .cards>div{width:44%}.section4.only4 .cards>div:first-child{-webkit-transform-origin:50% 80%;transform-origin:50% 80%;-webkit-transform:translate3d(-22%,0,0) scale(1.2);transform:translate3d(-22%,0,0) scale(1.2);z-index:7}.section4.only4 .cards>div:nth-child(2){-webkit-transform-origin:50% 80%;transform-origin:50% 80%;-webkit-transform:translate3d(-3%,-5%,0) scale(1.2);transform:translate3d(-3%,-5%,0) scale(1.2);z-index:6}.section4.only4 .cards>div:nth-child(3){-webkit-transform-origin:50% 80%;transform-origin:50% 80%;-webkit-transform:translate3d(15%,-10%,0) scale(1.2);transform:translate3d(15%,-10%,0) scale(1.2);z-index:5}.section4.only4 .cards>div:nth-child(4){-webkit-transform-origin:50% 80%;transform-origin:50% 80%;-webkit-transform:translate3d(34%,-15%,0) scale(1.2);transform:translate3d(34%,-15%,0) scale(1.2);z-index:4}.section4.all .yeah2{position:absolute;background:url(http://static.samgrc.cn/collecte_finish.png) 50% 50% no-repeat;background-size:contain}.section4.end .btn_explore{display:block}.section4.end .btn_again{display:none}.section4.end.fail .yeah2{position:absolute;background:url(http://static.samgrc.cn/p_miss_hint.png) no-repeat;background-size:contain;width:32%;height:7rem;right:auto;top:-5.5rem;left:5rem}.section4 .btn-container{padding:0 2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin:auto}.section4 .btn_again{height:4rem;padding-bottom:1.9rem}.section4 .btn_explore{display:none;height:4rem;padding-bottom:3.5rem}.section4 .btn_share{height:4rem;padding-bottom:3.5rem;margin-left:1rem}.section4 .cards{position:relative;top:0;left:0;padding-top:12rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.section4 .cards>div{position:absolute;width:44%}.section4 .cards>div:first-child{-webkit-transform:translate3d(-28%,0,0);transform:translate3d(-28%,0,0);z-index:7}.section4 .cards>div:nth-child(2){-webkit-transform:translate3d(-15%,-5%,0);transform:translate3d(-15%,-5%,0);z-index:6}.section4 .cards>div:nth-child(3){-webkit-transform:translate3d(-2%,-10%,0);transform:translate3d(-2%,-10%,0);z-index:5}.section4 .cards>div:nth-child(4){-webkit-transform:translate3d(11%,-15%,0);transform:translate3d(11%,-15%,0);z-index:4}.section4 .cards>div:nth-child(5){-webkit-transform:translate3d(24%,-20%,0);transform:translate3d(24%,-20%,0);z-index:3}.section4 .cards>div:nth-child(6){-webkit-transform:translate3d(37%,-25%,0);transform:translate3d(37%,-25%,0);z-index:2}.section4 .cards>div:nth-child(7){-webkit-transform:translate3d(50%,-30%,0);transform:translate3d(50%,-30%,0);z-index:1}.section-fail .text_top_1{width:64%;padding-top:5rem;margin:auto}.section-fail .text_top_2{width:82%;padding-top:11rem;margin:auto}.section-fail .btn_again{width:48%;padding-bottom:6rem}.section-fail .text_bottom{width:24.9%;padding-bottom:2.1rem}.explore{display:none;overflow:auto}.explore .text_top{width:24.9%;padding-top:2rem}.explore .btn_share{width:48%;padding-bottom:2rem}.explore .text_bottom{width:58%}.explore .logo-list{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:3rem 5rem}.explore .logo-list .logo{font-size:0;width:50%;float:left}.explore .logo-list .logo:nth-child(odd){clear:both}.share-layer{display:none;position:absolute;z-index:9000;top:0;right:0;width:50%;-webkit-animation:blinker 2s linear infinite;animation:blinker 2s linear infinite}.btn-music{z-index:10000;width:3rem;height:3rem;position:absolute;top:1.5rem;left:1.5rem;background:url(http://static.samgrc.cn/music_on.png);background-size:contain}.btn-music.off{background:url(http://static.samgrc.cn/music_off.png);background-size:contain}.blink_me{-webkit-animation:blinker 3s linear infinite;animation:blinker 3s linear infinite}@-webkit-keyframes blinker{50%{opacity:0}}@keyframes blinker{50%{opacity:0}}