/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{height:100%}body{position:relative;z-index:0;width:100%;height:100%;color:#333;background-color:#fff;font-family:"Avenir Next","Segoe UI","Helvetica Neue",Arial,"Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei","Source Han Sans","Noto Sans",sans-serif;font-size:16px;line-height:1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button{padding:0;border:0;background:0 0;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:0;-webkit-tap-highlight-color:transparent}@font-face{font-family:'GB Punct';src:local("Hiragino Sans GB"),local("Heiti SC"),local("SimHei");unicode-range:U+2014,U+00B7,U+2026,U+201C,U+201D}.gb-punct{font-family:"GB Punct","Avenir Next","Segoe UI","Helvetica Neue",Arial,"Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei","Source Han Sans","Noto Sans",sans-serif}blockquote,figcaption,figure,h1,h2,h3,h4,h5,h6,header,img,li,ol,p,section,ul{margin:0}ol,ul{list-style:none;padding:0}figcaption,li,p{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.hero-wrap{position:absolute;z-index:-100;top:0;left:0;width:100%;height:calc(18em + 65.625vw);min-height:100%;overflow:hidden}.hero-wrap .hero-image{position:relative;width:100%;height:0;padding-bottom:75%}.hero-wrap .hero-image img{position:absolute;top:0;left:0;visibility:hidden;width:100%;height:100%;opacity:0;-webkit-filter:blur(5px);filter:blur(5px);-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1);will-change:opacity,filter,transform;-webkit-transition:visibility 0s linear 1.75s,opacity 1.75s ease-in-out,filter 1.75s ease-in-out,-webkit-filter 1.75s ease-in-out,-webkit-transform 1.75s ease-in-out;transition:visibility 0s linear 1.75s,opacity 1.75s ease-in-out,filter 1.75s ease-in-out,-webkit-filter 1.75s ease-in-out,transform 1.75s ease-in-out}.hero-wrap .hero-image img.active{visibility:visible;opacity:1;-webkit-filter:blur(0);filter:blur(0);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);will-change:opacity,filter,transform;-webkit-transition:visibility 0s linear 0s,opacity 1.25s ease-in-out .15s,filter 1.25s ease-in-out .15s,-webkit-filter 1.25s ease-in-out .15s,-webkit-transform 1.25s ease-in-out .15s;transition:visibility 0s linear 0s,opacity 1.25s ease-in-out .15s,filter 1.25s ease-in-out .15s,-webkit-filter 1.25s ease-in-out .15s,transform 1.25s ease-in-out .15s}.hero-wrap .tearpaper-lower{position:absolute;z-index:100;top:150px;top:41.66666667vw;left:0;width:100%;height:0;padding-bottom:66.6667%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.hero-wrap .tearpaper-lower img{position:absolute;top:0;left:0;width:100%;height:100%}.main-wrap{min-height:100%;margin-bottom:-5em}.main-wrap:after{content:"";display:block;height:5em}.copy-wrap{position:relative;min-height:100%;padding-top:65.625%;padding-top:65.625vw;padding-left:1em;padding-right:1em}@media (min-height:560px){.copy-wrap{padding-top:70%;padding-top:70vw}}@media (min-height:670px){.copy-wrap{padding-top:75%;padding-top:75vw}}@media (min-width:350px){.copy-wrap{padding-left:1.5em;padding-right:1.5em}}@media (min-width:380px){.copy-wrap{padding-top:75%;padding-top:75vw;padding-left:2em;padding-right:2em}}.copy-wrap .copy{position:relative;width:18em;height:12.5em;background-image:url(cover-copy-sprit@2x.png),url(quest-copy-sprit@2x.png);background-size:162em 12.5em,144em 12.5em;background-repeat:no-repeat;opacity:0;-webkit-transition:opacity .75s ease-in-out,background-position 0s linear .75s;transition:opacity .75s ease-in-out,background-position 0s linear .75s}.copy-wrap .copy.active{opacity:1;-webkit-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out}.copy-wrap .result-1.active,.copy-wrap .result-2.active,.copy-wrap .result-3.active,.copy-wrap .result-4.active{margin:0 auto}.copy-wrap .cover{background-position:0 0,18em 0}.copy-wrap .cover-1{background-position:-90em 0,18em 0}.copy-wrap .cover-2{background-position:-108em 0,18em 0}.copy-wrap .cover-3{background-position:-126em 0,18em 0}.copy-wrap .cover-4{background-position:-144em 0,18em 0}.copy-wrap .result-1{background-position:-18em 0,18em 0}.copy-wrap .result-2{background-position:-36em 0,18em 0}.copy-wrap .result-3{background-position:-54em 0,18em 0}.copy-wrap .result-4{background-position:-72em 0,18em 0}.copy-wrap .quest-1{background-position:18em 0,0 0}.copy-wrap .quest-2{background-position:18em 0,-18em 0}.copy-wrap .quest-3{background-position:18em 0,-36em 0}.copy-wrap .quest-4{background-position:18em 0,-54em 0}.copy-wrap .quest-5{background-position:18em 0,-72em 0}.copy-wrap .quest-6{background-position:18em 0,-90em 0}.copy-wrap .quest-7{background-position:18em 0,-108em 0}.copy-wrap .quest-8{background-position:18em 0,-126em 0}.copy-wrap .gift-widget{position:absolute;left:0;top:210px;top:65.625vw;padding-top:7em;width:100%;height:4.25em;text-align:center;line-height:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (min-width:350px){.copy-wrap .gift-widget{top:252px;top:70vw}}@media (min-width:380px){.copy-wrap .gift-widget{top:285px;top:75vw}}.copy-wrap .gift-widget .gift-btn{display:inline-block;width:3em;height:3em;vertical-align:top;line-height:3em;background-image:url(btn-sprite@2x.png);background-size:27em 3em;background-repeat:no-repeat;background-position:-18em 0;-webkit-transform:scale3d(0,0,1);transform:scale3d(0,0,1)}.copy-wrap .gift-widget .gift-label{margin-top:.6em;color:#333;font-size:.625em;line-height:1.4;opacity:0}.copy-wrap .gift-widget.active .gift-btn{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform 1s cubic-bezier(.18,.89,.32,1.28);transition:transform 1s cubic-bezier(.18,.89,.32,1.28)}.copy-wrap .gift-widget.active .gift-btn.pressing{-webkit-transform:scale3d(1.15,1.15,1);transform:scale3d(1.15,1.15,1);-webkit-transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out}.copy-wrap .gift-widget.active .gift-label{opacity:1;-webkit-transition:opacity .2s ease-in-out 1s;transition:opacity .2s ease-in-out 1s}.foot-wrap{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;box-sizing:border-box;width:100%;height:5em;max-width:26em;margin-left:auto;margin-right:0;padding-left:1em;padding-right:1em}@media (min-width:350px){.foot-wrap{padding-left:1.5em;padding-right:1.5em}}@media (min-width:380px){.foot-wrap{padding-left:2em;padding-right:2em}}.foot-wrap .opt-btn,.foot-wrap .start-btn{width:3em;height:3em;background-image:url(btn-sprite@2x.png);background-size:27em 3em;background-repeat:no-repeat;-webkit-transform:scale3d(0,0,1);transform:scale3d(0,0,1);-webkit-transition:-webkit-transform .5s cubic-bezier(.57,-.37,.74,.05);transition:transform .5s cubic-bezier(.57,-.37,.74,.05)}@media (min-width:416px){.foot-wrap .opt-btn,.foot-wrap .start-btn{margin-left:auto;margin-right:0}}.foot-wrap .opt-btn.active,.foot-wrap .start-btn.active{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out}.foot-wrap .opt-btn.active.pressing,.foot-wrap .start-btn.active.pressing{-webkit-transform:scale3d(1.15,1.15,1);transform:scale3d(1.15,1.15,1);-webkit-transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out}.foot-wrap .start-btn{background-position:0 0}.foot-wrap .opt-1{background-position:-3em 0}.foot-wrap .opt-2{background-position:-6em 0}.foot-wrap .opt-3{background-position:-9em 0}.foot-wrap .opt-4{background-position:-12em 0}.foot-wrap .opt-5{background-position:-15em 0}.foot-wrap .delay.opt-2{-webkit-transition-delay:.1s!important;transition-delay:.1s!important}.foot-wrap .delay.opt-3{-webkit-transition-delay:.2s!important;transition-delay:.2s!important}.foot-wrap .delay.opt-4{-webkit-transition-delay:.3s!important;transition-delay:.3s!important}.foot-wrap .delay.opt-5{-webkit-transition-delay:.4s!important;transition-delay:.4s!important}.foot-wrap.result{max-width:none;margin-right:auto}.foot-wrap .result{position:relative;width:100%;height:2.25em;margin-bottom:1em;padding-top:2.25em}.foot-wrap .result .logo-mzread,.foot-wrap .result .logo-nezha{display:inline-block;width:5.625em;height:2.25em}.foot-wrap .result .share-btn{position:absolute;bottom:0;right:0;display:inline-block;width:6.625em;vertical-align:top;text-align:right;line-height:1}.foot-wrap .result .share-btn span{display:inline-block;width:6em;height:2.4em;padding:.6em .4em .6em 0;color:#871a1f;font-size:.625em;line-height:1.2;text-align:right}.foot-wrap .result .share-btn i{display:inline-block;width:2em;height:2.25em;vertical-align:top}.foot-wrap .result .logo-mzread,.foot-wrap .result .logo-nezha,.foot-wrap .result .share-btn i{background-image:url(footer-sprite@2x.png);background-size:13.25em 2.25em;background-repeat:no-repeat}.foot-wrap .result .logo-nezha{background-position:0 0}.foot-wrap .result .logo-mzread{background-position:-5.625em 0}.foot-wrap .result .share-btn i{background-position:-11.25em 0}.foot-wrap .result .logo-mzread,.foot-wrap .result .logo-nezha,.foot-wrap .result .share-btn{opacity:0;-webkit-transform:scale3d(.75,.75,1);transform:scale3d(.75,.75,1)}.foot-wrap .result.active{opacity:1}.foot-wrap .result.active.delay .logo-nezha{-webkit-transition-delay:.5s!important;transition-delay:.5s!important}.foot-wrap .result.active.delay .logo-mzread{-webkit-transition-delay:1s!important;transition-delay:1s!important}.foot-wrap .result.active.delay .share-btn{-webkit-transition-delay:1.5s!important;transition-delay:1.5s!important}.foot-wrap .result.active .logo-nezha{-webkit-transition-delay:.5s!important;transition-delay:.5s!important}.foot-wrap .result.active .logo-mzread{-webkit-transition-delay:1s!important;transition-delay:1s!important}.foot-wrap .result.active .share-btn{-webkit-transition-delay:1.5s!important;transition-delay:1.5s!important}.foot-wrap .result.active .logo-mzread,.foot-wrap .result.active .logo-nezha,.foot-wrap .result.active .share-btn{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:opacity 1s ease-in-out,-webkit-transform 1s cubic-bezier(.18,.89,.32,1.28);transition:opacity 1s ease-in-out,transform 1s cubic-bezier(.18,.89,.32,1.28)}.foot-wrap .result.active .logo-mzread.pressing,.foot-wrap .result.active .logo-nezha.pressing,.foot-wrap .result.active .share-btn.pressing{opacity:.5;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.modal-wrap{position:fixed;top:0;left:0;z-index:-1000;visibility:hidden;width:100%;height:100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);will-change:z-index,visibility;-webkit-transition:z-index 0s linear .5s,visibility 0s linear .5s;transition:z-index 0s linear .5s,visibility 0s linear .5s}.modal-wrap.active{z-index:1000;visibility:visible;-webkit-transition:z-index 0s linear 0s,visibility 0s linear 0s;transition:z-index 0s linear 0s,visibility 0s linear 0s}.modal-wrap .share-guide{width:100%;height:100%;background-color:rgba(255,255,255,.85);opacity:0;will-change:opacity;-webkit-transition:opacity .5s ease-in-out 0s;transition:opacity .5s ease-in-out 0s}.modal-wrap .share-guide.active{opacity:1;-webkit-transition:opacity .5s ease-in-out 0s;transition:opacity .5s ease-in-out 0s}.modal-wrap .share-guide button{position:absolute;top:.66666667em;right:.66666667em;width:8em;height:1em;box-sizing:content-box;padding-top:2.25em;padding-bottom:.75em;background-image:url(btn-sprite@2x.png);background-size:36em 4em;background-repeat:no-repeat;background-position:-28em 0;color:#871a1f;font-size:.75em;line-height:1;will-change:transform}.modal-wrap .share-guide.active button{-webkit-animation:spring-bubble 1.25s ease-in-out .75s infinite;animation:spring-bubble 1.25s ease-in-out .75s infinite}@-webkit-keyframes spring-bubble{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}5%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}65%{-webkit-transform:translate3d(0,.66667em,0);transform:translate3d(0,.66667em,0)}95%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes spring-bubble{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}5%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}65%{-webkit-transform:translate3d(0,.66667em,0);transform:translate3d(0,.66667em,0)}95%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}