*{padding:0;margin:0}body{width:100%;height:100%;overflow:hidden;background-color:#000000}img{display:block;outline:none}.abs{position:absolute}.page1.on{display:block}.page1{width:640px;height:100%;overflow:hidden;display:none;background:url("../img/p1_bg.jpg"/*tpa=http://milu.duocaitou.com/img/p1_bg.jpg*/) no-repeat;top:0;left:0;background-size:cover;background-color:black}.page1 .p1_pic01{top:22.3%;left:33.2%}.page1 .p1_pic02{top:65%;left:20%}.page1 #drag_bar{padding:6px}.page1 .p1_box{width:455px;height:126px;top:76.6%;padding-top:5px;left:16%;overflow:hidden;background-color:#6ec4ba;border-radius:80px}.page1 #canvas{position:absolute;left:180px;top:40px}.zaodian{width:100%;height:100%;background:url("../img/zaodiangif.gif"/*tpa=http://milu.duocaitou.com/img/zaodiangif.gif*/) repeat;opacity:.08;top:0;left:0}.vid.on{visibility:visible;opacity:1}.vid{width:100%;height:100%;overflow:hidden;visibility:hidden;opacity:0;transition:all .6s ease-out}.stopVid,.playVid{bottom:148px;left:50%;margin-left:-55px;display:none}.stopVid.on,.playVid.on{display:block}.vidImg{top:0;left:0}.page2.on{opacity:1;visibility:visible}.page2{width:100%;height:100%;overflow:hidden;visibility:hidden;opacity:0;transition:opacity .3s ease-out;top:0;left:0;background:url("../img/gd_bg.jpg"/*tpa=http://milu.duocaitou.com/img/gd_bg.jpg*/) no-repeat;background-size:cover}.gd_pic01{top:140px;left:50%;margin-left:-256px}.gd_pic02{bottom:50px;right:70px}video{line-height:0;vertical-align:baseline;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none}.page{position:relative;width:100%;height:100%;overflow:hidden}.scpage{width:640px;height:1136px}.page4{position:absolute;top:0;left:0;width:640px;height:100%;background-color:#6fc4ba;visibility:hidden;opacity:0;transition:opacity .6s ease-out}.page4.on{visibility:visible;opacity:1}.p41_shareBtn{top:2%}.p41_pic03{top:10%;left:50%;margin-left:-280px}.p41_pix01{bottom:0;left:50%;margin-left:-450px}.p41_pic04{top:11%;left:50%;margin-left:-260px;-webkit-transform:translateX(600px);opacity:0}.current .p41_pic04{-webkit-animation:fadeIn2 .6s .4s ease both;animation:fadeIn2 .6s .4s ease both}.p41_pic05{top:28%;left:50%;margin-left:-290px}.p41_pic02{top:55%;left:70%;transform-origin:top center}.current .p41_pic02{-webkit-animation:shake-rotate 3s 1s ease both;animation:shake-rotate 3s 1s ease both}.p41_btn01{top:74%;left:50%;margin-left:-195px;cursor:pointer;padding:10px 30px}.scpage2,.scpage3{left:3%}.p42_pic02{margin:30px 0}.scpage3{width:601px;height:886px}.p43_pic02{top:360px}.p43_pic03{top:523px;left:82px}.p43_pic04{top:773px;left:175px}.holder{position:absolute;overflow:hidden;width:640px;margin:0 auto;top:0;height:100%;left:50%;margin-left:-320px}.k_arrow{position:absolute;bottom:80px;left:50%;margin-left:-15px;-webkit-animation:guideTop 1.2s infinite}@-webkit-keyframes guideTop{0%{-webkit-transform:translateY(32px);opacity:0}60%{-webkit-transform:translateY(12px);opacity:1}100%{-webkit-transform:translateY(0px);opacity:0}}@-webkit-keyframes fadeIn2{0%{opacity:0;-webkit-transform:translateX(600px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeIn2{0%{opacity:0;-webkit-transform:translateX(600px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-webkit-keyframes shake-rotate{0% , 34%{-webkit-transform:translate(0px, 0px) rotate(0deg)}2%{-webkit-transform:translate(0px, 0px) rotate(4.5deg)}4%{-webkit-transform:translate(0px, 0px) rotate(-5.5deg)}6%{-webkit-transform:translate(0px, 0px) rotate(3.5deg)}8%{-webkit-transform:translate(0px, 0px) rotate(-5.5deg)}10%{-webkit-transform:translate(0px, 0px) rotate(2.5deg)}12%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg)}14%{-webkit-transform:translate(0px, 0px) rotate(-3.5deg)}16%{-webkit-transform:translate(0px, 0px) rotate(4.5deg)}18%{-webkit-transform:translate(0px, 0px) rotate(-2.5deg)}20%{-webkit-transform:translate(0px, 0px) rotate(-5.5deg)}22%{-webkit-transform:translate(0px, 0px) rotate(-2.5deg)}24%{-webkit-transform:translate(0px, 0px) rotate(4.5deg)}26%{-webkit-transform:translate(0px, 0px) rotate(-4.5deg)}28%{-webkit-transform:translate(0px, 0px) rotate(2.5deg)}30%{-webkit-transform:translate(0px, 0px) rotate(-7.5deg)}32%{-webkit-transform:translate(0px, 0px) rotate(-5.5deg)}}@keyframes shake-rotate{0% , 34%{-webkit-transform:translate(0px, 0px) rotate(0deg)}2%{-webkit-transform:translate(0px, 0px) rotate(4.5deg)}4%{-webkit-transform:translate(0px, 0px) rotate(-5.5deg)}6%{-webkit-transform:translate(0px, 0px) rotate(3.5deg)}8%{-webkit-transform:translate(0px, 0px) rotate(-5.5deg)}10%{-webkit-transform:translate(0px, 0px) rotate(2.5deg)}12%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg)}14%{-webkit-transform:translate(0px, 0px) rotate(-3.5deg)}16%{-webkit-transform:translate(0px, 0px) rotate(4.5deg)}18%{-webkit-transform:translate(0px, 0px) rotate(-2.5deg)}20%{-webkit-transform:translate(0px, 0px) rotate(-5.5deg)}22%{-webkit-transform:translate(0px, 0px) rotate(-2.5deg)}24%{-webkit-transform:translate(0px, 0px) rotate(4.5deg)}26%{-webkit-transform:translate(0px, 0px) rotate(-4.5deg)}28%{-webkit-transform:translate(0px, 0px) rotate(2.5deg)}30%{-webkit-transform:translate(0px, 0px) rotate(-7.5deg)}32%{-webkit-transform:translate(0px, 0px) rotate(-5.5deg)}}@-webkit-keyframes fadeIn1{0%{opacity:1;-webkit-transform:translateY(-100px)}100%{opacity:0;-webkit-transform:translateY(0)}}@keyframes fadeIn1{0%{opacity:1;-webkit-transform:translateY(-100px)}100%{opacity:0;-webkit-transform:translateY(0)}}
/*# sourceMappingURL=index.css.map */