/*! 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{-webkit-box-sizing:content-box;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]{-webkit-box-sizing:border-box;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;-webkit-box-sizing:content-box;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}@import url(normalize.css);@font-face{font-family:FuturaStd-Medium;src:url(../fonts/FuturaStd-Medium.eot);src:url(../fonts/FuturaStd-Medium.eot?) format("embedded-opentype"),url(../fonts/FuturaStd-Medium.woff) format("woff"),url(../fonts/FuturaStd-Medium.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:FuturaStd-CondExtraBoldObl;src:url(../fonts/FuturaStd-CondExtraBoldObl.eot);src:url(../fonts/FuturaStd-CondExtraBoldObl.eot?) format("embedded-opentype"),url(../fonts/FuturaStd-CondExtraBoldObl.woff) format("woff"),url(../fonts/FuturaStd-CondExtraBoldObl.otf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:MHeiPRC;src:url(../fonts/MHeiPRC-Bold.ttf)}@font-face{font-family:MHeiPRC-Bold;src:url(../fonts/MHeiPRC-Xbold.ttf)}.center-block{display:block;margin-left:auto;margin-right:auto}.text-center{text-align:center}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.full-width,body,html{width:100%}body,html{height:100%}html{font-size:10px}.fixcanvas{overflow:hidden}body{font-family:FuturaStd-Medium,MHeiPRC;color:#fff;background:#000}img{vertical-align:top}.name-dot{font-size:1.5rem}.font-light{font-family:FuturaStd-Medium}.font-bold{font-family:FuturaStd-CondExtraBoldObl,MHeiPRC-Bold}.step0{height:100%;background:url(../images/landing/bg.jpg) no-repeat 50% #689baf;background-size:cover}.step0,.step0 .land-text{position:absolute;left:0;top:0;width:100%}.step0 .land-text{z-index:9;text-align:center}.step0 .land-text.text-1{font-size:2.8rem;margin-top:45%;display:block}.step0 .land-text.text-1 span{font-size:6rem}.step0 .start{position:absolute;bottom:5%;left:15%;z-index:4;color:#689baf;-webkit-transition:all .5s;transition:all .5s}.loading-icon{width:3rem;height:3rem;-webkit-animation:scenes-m-icon-2 2s linear infinite;animation:scenes-m-icon-2 2s linear infinite}.loading{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;background-color:#f16768}.loading .loading-info{position:relative;width:6rem;height:6rem;line-height:6rem;margin:0 auto}.loading .loading-info .loading-text{position:absolute;width:100%;text-align:center;font-size:1rem}.loading .loading-info .loading-icon{width:100%;height:100%}.loading .loading-headline{position:relative;text-align:center;margin-top:5%}.loading .loading-headline .texts{position:absolute;left:0;top:0;width:100%;opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0);-webkit-transition:all 1s;transition:all 1s;font-size:1.5rem}.loading .loading-headline.show .headline1{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.loading .loading-headline.show2 .headline1{opacity:0;-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}.loading .loading-headline.show2 .headline2{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.creating{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;background-color:#f16768;display:none}.creating .loading-icon{width:3rem;height:3rem;-webkit-animation:scenes-m-icon-2 2s linear infinite;animation:scenes-m-icon-2 2s linear infinite}.rotation{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1001;background-color:#f16768;display:none}.rotation img{width:10rem}.table{display:table}.table,.table-cell{width:100%;height:100%}.table-cell{display:table-cell;vertical-align:middle;text-align:center}.full{width:100%;height:auto}.logo{left:50%;top:0;width:12%;height:4%;margin-left:-6%;margin-top:5%;background-image:url(../images/logo.svg);background-image:url(../images/logo.png);background-repeat:no-repeat;background-size:contain}.logo,.playaudio{position:absolute;z-index:1000}.playaudio{right:5%;top:2%;width:8%;display:none}.button{width:70%;padding:1.2rem 0 1.1rem;border-radius:2rem;background-color:#fff;color:#000;text-align:center;font-size:1.4rem;text-decoration:none;font-weight:700;display:inline-block}.hasminheight,.rewardPage.phase1,.rewardPage.phase2{min-height:504px;overflow:scroll;-webkit-overflow-scrolling:touch}.ring{width:100%;height:100%;border:2px solid #fff;border-radius:100%;position:absolute;left:-2px;bottom:-2px;opacity:.2;z-index:4}.ring.ring-1{-webkit-animation:ring-1 3s 1s infinite;animation:ring-1 3s 1s infinite}.ring.ring-2{-webkit-animation:ring-2 3s .5s infinite;animation:ring-2 3s .5s infinite}.ring.ring-3{-webkit-animation:ring-3 3s 0s infinite;animation:ring-3 3s 0s infinite}.storyPage{left:0;position:absolute;top:0;width:100%;height:100%;z-index:7}.rewardPage{color:#585858;font-size:1.2rem;text-align:center}.rewardPage.phase1{width:100%;height:100%;background:url(../images/reward/phase1.png) no-repeat center 10% #f5ed4f;background-size:contain}.rewardPage.phase1 .text{position:fixed;width:100%;bottom:0;left:0;margin-bottom:38%}.rewardPage.phase1 .text .date{font-size:1.6rem;color:#38b2d0;margin-bottom:2%}.rewardPage.phase1 .text .rule-link{font-size:1rem;color:#585858;opacity:.9}.rewardPage.phase1 .buttons{position:fixed;width:100%;bottom:0;left:0;margin-bottom:4%}.rewardPage.phase1 .buttons .button{color:#f6d125;margin:1.5% 0}.rewardPage.phase2{width:100%;height:100%;background:url(../images/reward/phase2.jpg) no-repeat top #689baf;background-size:cover}.rewardPage.phase2 .text{position:fixed;width:100%;bottom:24%;left:0}.rewardPage.phase2 .text .rule-link{font-size:1rem;color:rgba(109,108,89,.9)}.rewardPage.phase2 .buttons{position:fixed;width:100%;bottom:2%;left:0}.rewardPage.phase2 .buttons .button{color:#689baf;margin:1.5% 0}.rewardPage.win{height:100%;background:#89c6dd}.rewardPage.win .status-box{position:relative;margin:0 auto;width:91.1111111111%;left:0;top:10%}.rewardPage.win .status-box .text{position:absolute;width:100%;text-align:center;left:0;top:0;margin-top:68%;line-height:1.6rem}.rewardPage.win .buttons{position:absolute;width:100%;bottom:0;left:0;margin-bottom:10%}.rewardPage.win .buttons .button{color:#5cacca;margin:1.5% 0}.rewardPage.lose{height:100%;background:#6ac5a9}.rewardPage.lose .status-box{position:relative;margin:0 auto;width:93.8888888889%;left:0;top:10%}.rewardPage.lose .status-box .text{position:absolute;width:100%;text-align:center;left:0;top:0;margin-top:60%;line-height:1.6rem}.rewardPage.lose .buttons{position:absolute;width:100%;bottom:0;left:0;margin-bottom:10%}.rewardPage.lose .buttons .button{color:#4aa589;margin:1.5% 0}.sharePage{position:relative}.sharePage .enter{position:absolute;bottom:6%;left:15%;z-index:4}.posterPage{position:relative}.posterPage.h{background-color:#22222a}.posterPage.h .posterIcon .item .like{background-image:url(../images/poster-icon/h_icon1.png)}.posterPage.h .posterIcon .item .lucky{background-image:url(../images/poster-icon/h_icon2.png)}.posterPage.h .posterIcon .item .lucky.phase2{background-image:url(../images/poster-icon/h_icon3.png)}.posterPage.h .posterIcon .item .share{background-image:url(../images/poster-icon/share.png)}.posterPage.t{background-color:#013b6d}.posterPage.t .posterIcon .item .like{background-image:url(../images/poster-icon/t_icon1.png)}.posterPage.t .posterIcon .item .lucky{background-image:url(../images/poster-icon/t_icon2.png)}.posterPage.t .posterIcon .item .lucky.phase2{background-image:url(../images/poster-icon/t_icon3.png)}.posterPage.t .posterIcon .item .share{background-image:url(../images/poster-icon/share.png)}.posterPage.m{background-color:#f74867}.posterPage.m .posterIcon .item .like{background-image:url(../images/poster-icon/m_icon1.png)}.posterPage.m .posterIcon .item .lucky{background-image:url(../images/poster-icon/m_icon2.png)}.posterPage.m .posterIcon .item .lucky.phase2{background-image:url(../images/poster-icon/m_icon3.png)}.posterPage.m .posterIcon .item .share{background-image:url(../images/poster-icon/share.png)}.posterPage .posterSave{bottom:2%;font-size:1.1rem;font-style:italic;color:#fff;opacity:.65}.posterPage .posterIcon,.posterPage .posterSave{position:absolute;width:100%;left:0;text-align:center}.posterPage .posterIcon{bottom:9%;z-index:4;font-size:0}.posterPage .posterIcon .item{display:inline-block;width:3.5rem;height:3.5rem;margin:0 2%;position:relative}.posterPage .posterIcon .item .like,.posterPage .posterIcon .item .lucky,.posterPage .posterIcon .item .share{position:absolute;left:0;top:0;z-index:9;width:100%;height:100%;opacity:0;background-repeat:no-repeat;background-position:50%;background-size:cover;-webkit-transition:all 1s;transition:all 1s}.posterPage .posterIcon .reward .ring{display:none}.posterPage .posterIcon .sharing .ring{display:block}.posterPage .posterIcon.show .item .like,.posterPage .posterIcon.show .item .lucky,.posterPage .posterIcon.show .item .share{opacity:1}.posterPage .posterIcon.shared .item .like{background-image:url(../images/poster-icon/icon1.png)!important}.posterPage .posterIcon.shared .item .lucky{background-image:url(../images/poster-icon/icon3.png)!important}.posterPage .posterIcon.shared .reward .ring{display:block}.posterPage .posterIcon.shared .sharing .ring{display:none}.gohome{position:absolute;left:50%;top:0;width:6rem;height:5rem;margin-left:-3rem;z-index:99}.share-overlay{position:fixed;z-index:99;background:url(../images/story/share-tip.png) no-repeat 50%;background-size:cover}.rules-overlay,.share-overlay{top:0;left:0;width:100%;height:100%;display:none}.rules-overlay{position:absolute;z-index:98;background-color:rgba(242,110,111,.9);background-size:cover}.rules-overlay .close-icon{position:absolute;right:3%;top:2%;width:11%}.rules-overlay .rules-content{position:absolute;width:90%;left:5%;height:80%;overflow:scroll;-webkit-overflow-scrolling:touch;top:12%;line-height:1.4rem;font-family:simhei}.rules-overlay .rules-content .text-top{font-size:1.4rem}.rules-overlay .rules-content a{color:#fff;text-decoration:underline}@media screen and (min-width:375px){html{font-size:12px}}@media screen and (min-width:414px){html{font-size:13.5px}}@media screen and (min-width:460px){html{font-size:14px}}@-webkit-keyframes ring-1{0%{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(2.2);transform:scale(2.2)}}@keyframes ring-1{0%{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(2.2);transform:scale(2.2)}}@-webkit-keyframes ring-2{0%{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(2.5);transform:scale(2.5)}}@keyframes ring-2{0%{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(2.5);transform:scale(2.5)}}@-webkit-keyframes ring-3{0%{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(2.8);transform:scale(2.8)}}@keyframes ring-3{0%{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(2.8);transform:scale(2.8)}}@-webkit-keyframes scenes-m-icon-2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scenes-m-icon-2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.bubble-1{left:8%;top:19%;width:23.1481481481%;-webkit-animation:bubble 10s linear infinite;animation:bubble 10s linear infinite}.bubble-1,.bubble-2{position:absolute;z-index:10}.bubble-2{left:70%;top:12%;width:7.5925925926%;-webkit-animation:bubble2 6s linear infinite;animation:bubble2 6s linear infinite}.bubble-3{position:absolute;right:3%;top:28%;width:16.6666666667%;z-index:10;-webkit-animation:bubble 8s linear infinite;animation:bubble 8s linear infinite}.bubble-4{left:10%;width:13.7962962963%;-webkit-animation:bubble2 6s linear infinite;animation:bubble2 6s linear infinite}.bubble-4,.bubble-5{position:absolute;top:60%;z-index:4}.bubble-5{right:10%;width:6.5740740741%;-webkit-animation:bubble 5s linear infinite;animation:bubble 5s linear infinite}.bubble-6{position:absolute;left:10%;top:32%;width:3.9814814815%;z-index:4;-webkit-animation:bubble2 5s linear infinite;animation:bubble2 5s linear infinite}@-webkit-keyframes bubble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}50%{-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bubble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}50%{-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes bubble2{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}50%{-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bubble2{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}50%{-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.landing{position:relative;overflow:hidden;z-index:9;-webkit-transition:all 3s ease-in-out;transition:all 3s ease-in-out;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;height:100%;background-color:#689baf}.landing.hide{-webkit-transform:translate3d(0,-300%,0);transform:translate3d(0,-300%,0)}.landing .touchID{position:absolute;left:50%;bottom:0;z-index:5;width:14.2592592593%;padding-top:14.2592592593%;margin-left:-7.1296296296%;margin-bottom:15%;background-image:url(../images/landing/touch.png);background-repeat:no-repeat;background-position:top;background-size:contain;touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.landing .touchID .tip{position:absolute;width:100%;bottom:-35%;left:0;text-align:center;font-style:italic}.landing .bg-h{color:#a0bbcf;background-image:url(../images/landing/h-bg.jpg)}.landing .bg-h,.landing .bg-t{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50%;background-size:cover}.landing .bg-t{color:#ffd100;background-image:url(../images/landing/t-bg.jpg)}.landing .bg-m{color:#780a12;position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50%;background-size:cover;background-image:url(../images/landing/m-bg.jpg)}.landing .step1,.landing .step2,.landing .step4,.landing .step5{position:absolute;left:0;top:0;width:100%;height:100%;display:none}.landing .step1{z-index:4;background:url(../images/landing/bg.jpg) no-repeat 50%;background-size:cover;display:block}.landing .step1 .land-text{position:absolute;left:0;top:0;width:100%;z-index:9;text-align:center}.landing .step1 .land-text.text-1{margin-top:70%;font-size:1.5rem}.landing .step2{z-index:3;display:block}.landing .step2 .en-name{font-size:3rem}.landing .step2 .cn-name{font-size:2.6rem}.landing .step2 .font-bold{padding-bottom:5rem}.landing .step4 .bg-h{background-image:url(../images/landing/h-bg2.jpg)}.landing .step4 .bg-t{background-image:url(../images/landing/t-bg2.jpg)}.landing .step4 .bg-m{background-image:url(../images/landing/m-bg2.jpg)}.landing .step5.bg-h{background-image:url(../images/landing/h-bg2.jpg)}.landing .step5.bg-t{background-image:url(../images/landing/t-bg2.jpg)}.landing .step5.bg-m{background-image:url(../images/landing/m-bg2.jpg)}.landing .shoes{position:absolute;left:0;top:0;width:100%;margin-top:35%;z-index:4;-webkit-transform:translate3d(0,300%,0);transform:translate3d(0,300%,0)}.landing .shoes.show{-webkit-transition:all 2.5s;transition:all 2.5s;-webkit-transition-timing-function:cubic-bezier(.465,1.565,.635,.925);transition-timing-function:cubic-bezier(.465,1.565,.635,.925);-webkit-transform:translateZ(0);transform:translateZ(0)}.landing .shoes.hide{-webkit-transition:all 3s ease-in-out;transition:all 3s ease-in-out;-webkit-transform:translate3d(0,-300%,0);transform:translate3d(0,-300%,0)}.scene{position:absolute;left:0;top:0;width:100%;height:100%;z-index:8;-webkit-transition:all 2s ease-in-out;transition:all 2s ease-in-out;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.scene #canvas{display:none}.scene.h{background:url(../images/landing/scene-h.jpg) no-repeat #c3c1c1 top;background-size:100% auto}.scene.t{background:url(../images/landing/scene-t.jpg) no-repeat #c3c1c1 top;background-size:100% auto}.scene.m{background:url(../images/landing/scene-m.jpg) no-repeat #c3c1c1 top;background-size:100% auto}.scene .start-btn{position:absolute;bottom:5%;left:15%;z-index:4;-webkit-transition:all .5s;transition:all .5s;opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}.scene .start-btn.h{color:#302e38}.scene .start-btn.t{color:#0d5c90}.scene .start-btn.m{color:#df2d4c}.scene .start-btn.pending{width:50%;left:25%}.scene .start-btn.pending:after{content:"";background:url(../images/pending.png) no-repeat;background-size:contain;width:1.5rem;height:1.5rem;position:absolute;margin-left:-.75rem;top:auto;bottom:auto;left:50%;-webkit-animation:scenes-m-icon-2 2s linear infinite;animation:scenes-m-icon-2 2s linear infinite}.scene .start-btn.pending.h{color:rgba(48,46,56,.2)}.scene .start-btn.pending.t{color:rgba(13,92,144,.2)}.scene .start-btn.pending.m{color:rgba(223,45,76,.2)}.scene .scene-title{font-size:2.4rem;text-align:center;position:absolute;left:0;top:0;width:100%;z-index:2;margin-top:20%}.scene .scene-title .scene-subtext{font-style:italic;margin-top:-.2rem;font-size:2rem}.scene .scene-title .text1{position:absolute;left:0;top:0;width:100%;opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.scene .scene-title .text2{position:absolute;left:0;top:0;width:100%;opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}.scene.hide{-webkit-transform:translate3d(0,-300%,0);transform:translate3d(0,-300%,0)}.scene.play .scene-title .text1{-webkit-transition:all 1s ease 3.5s;transition:all 1s ease 3.5s;opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}.scene.play .scene-title .text2,.scene.play .start-btn{-webkit-transition:all 1s ease 4s;transition:all 1s ease 4s;opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.story-text{display:none}.story{color:#fff;overflow-x:hidden;overflow-y:scroll;min-height:504px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.story,.story .shadow-layer{width:100%;height:100%;display:none}.story .shadow-layer{background-color:rgba(0,0,0,.33);position:fixed;z-index:99;top:0;left:0}.story .nike-logo{padding-top:5%;margin-bottom:4%;width:12.8703703704%;opacity:0}.story .shoes-name{text-align:center;font-size:1.5rem;opacity:0}.story .shoes-name,.story .shoes-slogan{width:100%;text-align:center}.story.inputPage .shoes-slogan,.story.sloganPage .shoes-slogan{position:absolute}.story .shoe-shine{position:absolute;top:0;left:0;opacity:0;-webkit-transform:scale(1.18);transform:scale(1.18)}.story .shoes-customer-slogan{width:100%;font-size:2.6rem;font-weight:700}.story .shoes-customer-slogan,.story .shoes-designer{display:none;color:#a0bbcf;font-style:italic;text-align:center}.story .shoes-designer{font-size:3rem;font-weight:200}.story .customer-name-container{display:none}.story .customer-name-container .customer-name-input{background:transparent;border:2px solid #fff;border-radius:3rem;width:67.7777778%;padding:.8rem 0 .5rem;text-align:center;outline:none;font-size:1.3rem;font-style:italic;margin-top:.2rem}.story .customer-name-container .customer-name-input::-webkit-input-placeholder{color:#fff;opacity:.6;text-align:center;font-size:1.3rem}.story .shoes-slogan{text-align:center;font-size:1.5rem;min-height:24px;opacity:0;font-weight:200}.story .shoes-area{position:absolute;bottom:35%;-webkit-transition:all .8s;transition:all .8s;width:100%;left:0}.story.inputPage .shoes-area{bottom:25%}@media screen and (max-height:481px){.story.inputPage .shoes-area{bottom:23%}}.story .element{position:absolute;z-index:3;display:none}.story .shoe{position:relative;-webkit-transform:translateY(210%) rotate(-14deg);transform:translateY(210%) rotate(-14deg);z-index:1}.story .shoe.ready{-webkit-transform:none;transform:none}.story .base-shoes{opacity:0;top:0;left:0}.story .elements{z-index:2}.story .drop-area{position:absolute;z-index:6}.story .shoe-area{position:absolute;top:0;left:0}.story .shoes-shadow{position:absolute;-webkit-transform:translateY(-60%);transform:translateY(-60%);z-index:-1;top:0;-webkit-transition:all .6s;transition:all .6s;-webkit-transition-delay:1.4s;transition-delay:1.4s}.story .shoes-shadow.show{opacity:1}.story .story-container{height:10rem;position:absolute;bottom:6%;width:100%}@media screen and (max-height:480px){.story .story-container{bottom:13%}}.story .story-text{position:absolute;width:100%;text-align:center;font-size:1.3rem;line-height:1.9rem}@media screen and (max-height:481px){.story .story-text{margin-top:4rem}}.story .story-text .text{opacity:0}.story .story-text-2,.story .story-text-3,.story .story-text-4{display:none}.story .shake-icon-container{position:absolute;bottom:0;left:0;width:100%;-webkit-transition:all .6s ease-out;transition:all .6s ease-out;-webkit-transition-delay:7s;transition-delay:7s}.story .shake-icon-container.show-button{bottom:60%}@media screen and (max-height:481px){.story .shake-icon-container{bottom:0}.story .shake-icon-container.show-button{bottom:4%}}.story .shake-icon-container.hidden-icon .shake-icon-inner{opacity:0!important;-webkit-transform:translateY(100%);transform:translateY(100%)}.story .shake-icon-inner{cursor:pointer;width:14.6296296%;opacity:0}.story .shake-icon-inner,.story .shake-text{-webkit-transition:all .6s ease-out;transition:all .6s ease-out}.story .shake-text{opacity:1;margin-top:.5rem;float:left;-webkit-transition-delay:7s;transition-delay:7s}.story .button-story-next{position:absolute;display:none;bottom:2%;left:15%;z-index:4;opacity:0;-webkit-transition:all .8s;transition:all .8s}.story .button-story-next.invalid{opacity:.6!important}.story .button-create{position:absolute;display:none;bottom:2%;left:15%;z-index:4;opacity:0;-webkit-transition:all .8s;transition:all .8s}.shoes-m .shoe{width:75.2777778%}.shoes-m .shoes-shadow{width:89.9074074%;-webkit-transform:translateX(18%) translateY(67%);transform:translateX(18%) translateY(67%);opacity:0}.shoes-m .element1{width:7.962963%;right:6.3888889%;top:0}.shoes-m .element1 .ripple{border:3px solid hsla(0,0%,100%,.1);position:absolute;top:-56%;left:-63%}@media screen and (max-width:375px){.shoes-m .element1 .ripple{top:-70%;left:-70%}}@media screen and (max-width:321px){.shoes-m .element1 .ripple{top:-82%;left:-82%}}.shoes-m .element2{width:13.8888889%;right:10.5555556%;bottom:20%;display:none}.shoes-m .element2 .ripple{position:absolute;top:-15%;left:-15%}@media screen and (max-width:375px){.shoes-m .element2 .ripple{top:-20%;left:-20%}}@media screen and (max-width:321px){.shoes-m .element2 .ripple{top:-30%;left:-30%}}.shoes-m .element3{width:15.2777778%;left:9.8148148%;top:3.9rem;display:none}.shoes-m .element3 .ripple{position:absolute;top:-10%;left:-10%}@media screen and (max-width:375px){.shoes-m .element3 .ripple{top:-13%;left:-13%}}@media screen and (max-width:321px){.shoes-m .element3 .ripple{top:-20%;left:-30%}}.shoes-m .drop-area-up{height:64%;right:8%;top:4%}.shoes-m .drop-area-bottom,.shoes-m .drop-area-up{width:60%;-webkit-transform:rotate(-34deg);transform:rotate(-34deg)}.shoes-m .drop-area-bottom{height:44%;left:-4%;top:50%}.shoes-m .area{position:absolute;top:0;left:0}.shoes-t .shoe{width:72.4074074%}.shoes-t .shoes-shadow{width:89.9074074%;-webkit-transform:translateX(18%) translateY(67%);transform:translateX(18%) translateY(67%);opacity:0}.shoes-t .element1{width:12.5925926%;left:8.8%;top:3rem}.shoes-t .element1 .ripple{border:3px solid hsla(0,0%,100%,.1);position:absolute;top:-18%;left:-14%}@media screen and (max-width:375px){.shoes-t .element1 .ripple{top:-20%;left:-24%}}@media screen and (max-width:321px){.shoes-t .element1 .ripple{top:-36%;left:-42%}}.shoes-t .element2{width:8.9814815%;right:4.7962963%;top:-1.6rem;display:none}.shoes-t .element2 .ripple{border:3px solid hsla(0,0%,100%,.1);position:absolute;top:-48%;left:-48%}@media screen and (max-width:375px){.shoes-t .element2 .ripple{top:-60%;left:-60%}}@media screen and (max-width:321px){.shoes-t .element2 .ripple{top:-80%;left:-80%}}.shoes-t .element3{width:12.203704%;right:8.7962963%;bottom:2px;display:none}.shoes-t .element3 .ripple{border:3px solid hsla(0,0%,100%,.1);position:absolute;top:-20%;left:-23%}@media screen and (max-width:375px){.shoes-t .element3 .ripple{top:-30%;left:-34%}}@media screen and (max-width:321px){.shoes-t .element3 .ripple{top:-45%;left:-45%}}.shoes-t .drop-area-up{height:64%;right:8%;top:4%}.shoes-t .drop-area-bottom,.shoes-t .drop-area-up{width:60%;-webkit-transform:rotate(-34deg);transform:rotate(-34deg)}.shoes-t .drop-area-bottom{height:44%;left:-4%;top:50%}.shoes-t .area{position:absolute;top:0;left:0}.shoes-h .shoe{width:75.2777778%}.shoes-h .shoes-shadow{width:86.8518519%;-webkit-transform:translateX(18%) translateY(67%);transform:translateX(18%) translateY(67%);opacity:0}.shoes-h .element1{width:14.7222222%;right:10.7407407%;bottom:2px}.shoes-h .element1 .ripple{width:82px;height:82px;position:absolute;top:-11%;left:-16%}@media screen and (max-width:375px){.shoes-h .element1 .ripple{top:-17%;left:-26%}}@media screen and (max-width:321px){.shoes-h .element1 .ripple{top:-22%;left:-36%}}.shoes-h .element2{width:15.7407407%;left:8.2%;top:4rem;display:none}.shoes-h .element2 .ripple{width:80px;height:80px;position:absolute;top:-18%;left:-20%}@media screen and (max-width:375px){.shoes-h .element2 .ripple{top:-30%;left:-28%}}@media screen and (max-width:321px){.shoes-h .element2 .ripple{top:-46%;left:-38%}}.shoes-h .element3{width:8.5185185%;right:4.7962963%;top:-1rem;display:none}.shoes-h .element3 .ripple{width:60px;height:60px;position:absolute;top:-46%;left:-40%}@media screen and (max-width:375px){.shoes-h .element3 .ripple{top:-50%;left:-50%}}@media screen and (max-width:321px){.shoes-h .element3 .ripple{top:-70%;left:-70%}}.shoes-h .drop-area-up{height:64%;right:8%;top:4%}.shoes-h .drop-area-bottom,.shoes-h .drop-area-up{width:60%;-webkit-transform:rotate(-34deg);transform:rotate(-34deg)}.shoes-h .drop-area-bottom{height:44%;left:-4%;top:50%}.shoes-h .area{position:absolute;top:0;left:0}.shoes-h .slogan-trigger{position:absolute;margin:0 auto;top:0;right:32.962963%;width:20.2777778%;-webkit-transform:translateY(20%);transform:translateY(20%);z-index:0;display:none;opacity:0}.m-story{background:url(../images/story/m/bg.jpg);background-size:cover}.m-story .button-create,.m-story .button-story-next{color:#df2d4c}.m-story .shoes-customer-slogan{color:#780a12}.m-story .operate-guide{display:none;width:24.7222222%;right:2%;top:6%;position:absolute;z-index:100}.m-story .shoes-designer{color:#780a12}.m-story .m-story-text{display:block}.m-story .story-text{color:#780a12}.m-story .process-bar{background:url(../images/story/m/bar.png) 100% 0 no-repeat;background-size:contain;width:50%;padding-bottom:15%;position:absolute;left:0;right:0;bottom:1rem;display:none}.m-story .process-bar .process-bar-path{position:absolute;right:0;bottom:0;height:100%;width:100%}.m-story .process-bar .process-ball{background:url(../images/story/m/bar_ball.png) 100% 0 no-repeat;height:100%;background-size:100%}.m-story .slogan-trigger{position:absolute;margin:0 auto;top:116%;right:0;left:0;width:69.7222222%;z-index:-1;display:none;opacity:0;padding-left:2.5%;overflow:hidden}.m-story .slogan-trigger .slogan-trigger-inner{overflow:hidden;width:100%;height:100%}.m-story .slogan-trigger:before{content:"";position:absolute;width:22.5763612%;height:100%;background:url(../images/story/m/trigger_circle.png) no-repeat;background-size:contain;left:0;top:0;z-index:-1}.m-story .slogan-trigger:after{content:"";position:absolute;width:11.2881806%;height:100%;background:url(../images/story/m/trigger_circle_front.png) no-repeat;background-size:contain;left:0;top:0;z-index:1}.m-story .slogan-trigger .m-trigger{-webkit-transform:translateX(-53%);transform:translateX(-53%)}.m-story .action.story-guide-m-slogan{position:absolute;width:58.0345286%;top:30%;left:0;right:0;z-index:10;margin-left:auto;margin-right:auto;opacity:0}.t-story{background:url(../images/story/t/bg.jpg);background-size:cover}.t-story .button-create,.t-story .button-story-next{color:#0d5c90}.t-story .operate-guide{display:none;width:25.5555556%;left:12.851852%;top:17%;position:absolute;z-index:100}.t-story .t-story-text{display:block}.t-story .story-text{color:#fbd133}.t-story .shoes-customer-slogan,.t-story .shoes-designer{color:#ffd100}.t-story .process-bar{background:url(../images/story/t/bar.png) 50% 0 no-repeat;background-size:contain;width:50%;padding-bottom:15%;position:absolute;left:0;right:0;bottom:1rem;display:none}.t-story .process-bar .process-bar-path{position:absolute;top:0;height:15px;width:65%;left:17.5%}.t-story .process-bar .process-ball{background:url(../images/story/t/bar_ball.png) no-repeat;height:9.4444444vw;background-size:contain}.t-story .slogan-trigger{position:absolute;margin:0 auto;top:94%;left:-12.5%;right:0;text-align:center;width:100%;z-index:-1;display:none;opacity:0}.t-story .slogan-trigger:after{content:"";position:absolute;width:25.6481481%;height:40px;background:url(../images/story/t/trigger_bar.png) no-repeat;background-size:contain;left:45%;top:78%;z-index:-1}.t-story .action.story-guide-t-slogan{position:absolute;width:34.7222222%;top:0;left:36%;-webkit-transform:translateY(150%);transform:translateY(150%);z-index:10;opacity:0}.t-story .t-trigger{width:29.44444%;-webkit-transform-origin:82.6% 17.2%;transform-origin:82.6% 17.2%}.h-story{background:url(../images/story/h/bg.jpg);background-size:cover}.h-story .button-create,.h-story .button-story-next{color:#302e38}.h-story .operate-guide{display:none;width:19.4444444%;right:16.8518519%;bottom:0;position:absolute;z-index:100}.h-story .h-story-text{display:block}.h-story .story-text{color:#a0bbcf}.h-story .action.story-guide-h-slogan{position:absolute;width:66.2100457%;top:0;right:-10px;-webkit-transform:translateY(150%);transform:translateY(150%);z-index:10;display:none}.h-story .process-bar{background:url(../images/story/h/bar.png) 50% 50% no-repeat;background-size:contain;width:58.2407407%;padding-bottom:15%;position:absolute;left:0;right:0;bottom:1rem;display:none}.h-story .process-bar .process-bar-path{position:absolute;top:40%;height:18%;width:65%;left:20%}.h-story .process-bar .process-ball{background:url(../images/story/h/bar_ball.png) no-repeat;height:100%;background-size:contain}#shoes{top:0;height:100%}#shoes,.ripple{position:absolute}.ripple{border:3px solid hsla(0,0%,100%,.05);width:68px;height:68px;border-radius:500px;opacity:0}.ripple-1{-webkit-animation:ripple 3s linear infinite}.ripple-2{-webkit-animation:ripple 3s linear 1s infinite}.ripple-3{-webkit-animation:ripple 3s linear 2s infinite}@-webkit-keyframes ripple{0%{-webkit-transform:scale(1);opacity:1}to{-webkit-transform:scale(2.5);opacity:0}}