*{box-sizing:border-box}i{font-style:normal}h3,p{margin:0}ul{padding:0}html{height:100%}a:link,a:visited{text-decoration:none}input[type=text],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}body{color:#777;font-family:"Microsoft YaHei UI",Helvetica,Arial,sans-serif;position:relative;min-height:100%;max-width:750px;margin:0 auto;display:block;overflow:hidden;font-size:.61333333rem;background:#fff}.index-wrap{width:20rem;height:29.49333333rem;background-color:#fff;background-image:url(../img/bg_index.jpg);background-size:cover}@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3){.index-wrap{height:33.06666667rem;background-image:url(../img/bg_index_ipx.jpg);padding-top:2.66666667rem}}.modal{text-align:center}.modal-mask{position:fixed;top:0;bottom:0;left:0;right:0;height:100%;z-index:1000;background:rgba(0,0,0,.8)}.modal-wrap{position:fixed;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);z-index:1000}.modal-bd{display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:.8rem;color:rgba(25,24,29,.6)}.modal-bd{width:16.53333333rem;height:18.05333333rem;background-color:#01756c;background-image:url(../img/bg_advert.png);background-size:16.53333333rem 8.50666667rem;background-repeat:no-repeat;border-radius:.42666667rem}.icon-close{width:1.6rem;height:1.6rem;background:url(../img/icon_close.png);background-size:cover}.icon-close-wrap{position:absolute;top:-2.29333333rem;right:0}.bg-mascot{width:6.72rem;height:6.88rem;background:url(../img/bg_mascot.png);background-size:cover}.bg-mascot-wrap{position:absolute;top:6.32rem;right:-.72rem}.suncode{width:6.58666667rem;height:6.58666667rem;padding:.72rem;background:#fff;border-radius:50%}.suncode-wrap{position:absolute;top:9.36rem;left:0;right:0;margin:0 auto}.bg-gift{width:4.66666667rem;height:2.50666667rem;background:url(../img/bg_gift.png);background-size:cover}.bg-gift-wrap{position:absolute;top:14.66666667rem;left:1.49333333rem}.step{position:relative;height:26.4rem}.step-num{font-size:1.38666667rem;font-weight:700;color:#000}.step-first{width:8.61333333rem;height:6.64rem;background:url(../img/btn_step_first.gif);background-size:cover}.step-first-brand{width:4.56rem;height:6.64rem;background:url(../img/bg_step_first_brand.png);background-size:cover}.step-first-brand-wrap{position:absolute;z-index:2;top:.96rem;left:5.86666667rem}.step-first-wrap{position:absolute;z-index:3;top:3.89333333rem;left:1.86666667rem}.step-first-num-wrap{position:absolute;z-index:2;top:1.92rem;left:1.17333333rem}.step-first-arrow{display:block;position:absolute;top:1.76rem;left:2.88rem;width:1.17333333rem;height:1.41333333rem;background:url(../img/icon_arraw_down.png);background-size:cover}.step-second{width:7.28rem;height:5.54666667rem;background:url(../img/btn_step_second.png);background-size:cover}.step-second-wrap{position:absolute;z-index:1;top:10.34666667rem;right:3.30666667rem}.step-second-num-wrap{position:absolute;z-index:2;top:13.49333333rem;right:1.28rem}.step-second-arrow{display:block;position:absolute;top:12.16rem;right:1.38666667rem;width:1.44rem;height:1.2rem;background:url(../img/icon_arraw_left.png);background-size:cover}.step-third{width:8.45333333rem;height:8.34666667rem;background:url(../img/btn_step_third.png);background-size:cover}.step-third-brand{width:6rem;height:3.62666667rem;background:url(../img/bg_step_third_brand.png);background-size:cover}.step-third-brand-wrap{position:absolute;z-index:2;bottom:.69333333rem;left:2.4rem}.step-third-wrap{position:absolute;z-index:2;bottom:3.14666667rem;left:1.49333333rem}.step-third-num-wrap{position:absolute;z-index:2;top:15.68rem;left:.85333333rem}.step-third-arrow{display:block;position:absolute;top:14.29333333rem;left:1.70666667rem;width:1.33333333rem;height:1.14666667rem;background:url(../img/icon_arraw_right_tilt.png);background-size:cover}.step-fourth{width:7.33333333rem;height:6.56rem;background:url(../img/btn_step_fourth.png);background-size:cover}.step-fourth-wrap{position:absolute;z-index:0;bottom:-2.82666667rem;right:2.08rem}.step-fourth-num-wrap{position:absolute;z-index:2;bottom:-1.76rem;left:7.84rem}.step-fourth-arrow{display:block;position:absolute;bottom:.05333333rem;left:8.05333333rem;width:1.44rem;height:1.2rem;background:url(../img/icon_arraw_right.png);background-size:cover}.ladder-left{width:5.17333333rem;height:4.50666667rem;background:url(../img/bg_ladder_left.png);background-size:cover}.ladder-left-wrap{position:absolute;z-index:0;bottom:7.46666667rem;right:8.21333333rem}.ladder-right{width:5.17333333rem;height:4.50666667rem;background:url(../img/bg_ladder_right.png);background-size:cover}.ladder-right-wrap-first{position:absolute;z-index:2;top:8.69333333rem;left:6.93333333rem}.ladder-right-wrap-second{position:absolute;z-index:1;bottom:1.6rem;left:6.93333333rem}.ladder-snowman{width:1.17333333rem;height:1.52rem;background:url(../img/bg_snowman.png);background-size:cover}.ladder-snowman-wrap{position:absolute;z-index:3;top:9.22666667rem;left:8.8rem}.bg-bottom{height:3.12rem;background:#f31e40}@-webkit-keyframes shake-first{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}}@keyframes shake-first{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}}@-webkit-keyframes shake-second{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(14.4px,0,0);transform:translate3d(14.4px,0,0)}}@keyframes shake-second{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(14.4px,0,0);transform:translate3d(14.4px,0,0)}}@-webkit-keyframes shake-third{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(-15px,-15px,0);transform:translate3d(-15px,-15px,0)}}@keyframes shake-third{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(-15px,-15px,0);transform:translate3d(-15px,-15px,0)}}@-webkit-keyframes shake-third-brand{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,4.8px,0);transform:translate3d(0,4.8px,0)}}@keyframes shake-third-brand{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,4.8px,0);transform:translate3d(0,4.8px,0)}}@-webkit-keyframes shake-fourth{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(-7.5px,0,0);transform:translate3d(-7.5px,0,0)}}@keyframes shake-fourth{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(-7.5px,0,0);transform:translate3d(-7.5px,0,0)}}.shake-first{-webkit-animation-name:shake-first;animation-name:shake-first}.shake-second{-webkit-animation-name:shake-second;animation-name:shake-second}.shake-third{-webkit-animation-name:shake-third;animation-name:shake-third}.shake-third-brand{-webkit-animation-name:shake-third-brand;animation-name:shake-third-brand}.shake-fourth{-webkit-animation-name:shake-fourth;animation-name:shake-fourth}.infinite{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}.infinite-1s{-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}