html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0}img{border:0;width:100%}li{list-style:none}a,button{cursor:pointer}html,body,.page{width:100%;height:100%}body{background:url("../images/bg02.jpg") no-repeat;background-size:100% 100%}a,a:hover{color:#333}img{display:block}.dn{display:none}@-webkit-keyframes fadeRightTan{0%{-webkit-transform:translateX(100%);opacity:0}70%{-webkit-transform:translateX(-5%);opacity:1}80%{-webkit-transform:translateX(2%);opacity:1}90%{-webkit-transform:translateX(-2%);opacity:1}100%{-webkit-transform:translateX(0);opacity:1}}@keyframes fadeRightTan{0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}70%{-webkit-transform:translateX(-5%);transform:translateX(-5%);opacity:1}80%{-webkit-transform:translateX(2%);transform:translateX(2%);opacity:1}90%{-webkit-transform:translateX(-2%);transform:translateX(-2%);opacity:1}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.imgBox1{-webkit-animation:fadeRightTan .8s .2s ease-in-out both;animation:fadeRightTan .8s .2s ease-in-out both}.imgBox2{-webkit-animation:fadeRightTan .8s .7s ease-in-out both;animation:fadeRightTan .8s .7s ease-in-out both}.imgBox3{-webkit-animation:fadeRightTan .8s 1.2s ease-in-out both;animation:fadeRightTan .8s 1.2s ease-in-out both}.imgBox4{-webkit-animation:fadeRightTan .8s 1.7s ease-in-out both;animation:fadeRightTan .8s 1.7s ease-in-out both}.page2 .listBox{width:6.45rem;margin:0 auto;padding-top:2.67rem}.page2 .listBox>div{width:100%;height:auto;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.page2 .listBox>div .imgBox{width:2.97rem;position:relative;margin-bottom:.57rem}.page2 .listBox>div .imgBox .cover{width:2.55rem;position:absolute;top:.23rem;left:.2rem;display:none}.btn{width:4.73rem;height:1.91rem;margin:.62rem auto 0;background:url("../images/btn02.png") no-repeat;background-size:100% 100%}.page3 .loading{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:10;display:none}.page3 .loading img{width:10%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%)}.page3 .imgshowBox{width:3.66rem;height:4.48rem;margin:0 auto .25rem;padding-top:3.45rem;position:relative}.page3 .imgshowBox .imgUpload{width:3.46rem;height:4.3rem;margin-top:.06rem;margin-left:.099rem;background:url("../images/upload.png") no-repeat;background-size:100% 100%;overflow:hidden;position:absolute;top:3.45rem}.page3 .imgshowBox .imgUpload>img{width:100%;height:100%}.page3 .imgshowBox .imgUpload .fileBox{width:100%;height:100%;opacity:0}.page3 .imgshowBox .imgUpload .fileBox input{width:100%;height:100%;display:block}.page3 .imgshowBox .imgUpload .uploadImg{width:100%;height:100%;background:#e4d1c2;position:relative}.page3 .imgshowBox .imgUpload .uploadImg img{width:auto;height:auto;max-width:100%;max-height:100%;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto}.page3 .imgshowBox .bird{width:1.71rem;height:auto;position:absolute;top:2.42rem;right:.01rem}.page3 .smallText{font-size:.2rem;color:#350a01;text-align:center}.page3 .zhuan{width:1.63rem;height:.57rem;margin:.4rem auto .57rem;background:url("../images/btn04.png") no-repeat;background-size:100% 100%}.page4 .demoBox{width:6.45rem;height:9.83rem;margin:0 auto .45rem;padding-top:.58rem;position:relative}.page4 .demoBox img{width:100%}.page4 .demoBox .cover{width:100%;height:9.55rem;position:absolute;top:.32rem;left:0;background:url("../images/bg03.jpg") no-repeat;background-size:100% 100%}.page4 .demoBox .zhouBox{width:100%;height:.29rem;position:absolute;top:.32rem;left:0}.page4 .btn1{height:1.1rem;margin-top:0;background:url("../images/btn03.png") no-repeat;background-size:100% 100%}.page4 .btn2{height:1.1rem;margin-top:0;background:url("../images/btn05.png") no-repeat;background-size:100% 100%}