@import url("animateList.css");html,body,div,p{margin:0;padding:0;box-sizing:border-box}html,body,.page{width:100%;height:100%}.musicControl{width:.7rem;height:.7rem;position:fixed;top:.23rem;right:.34rem;z-index:9999}.musicControl img{width:.47rem;height:.47rem;float:right}.musicControl img.musicPlay{animation:musicRoate 3s linear infinite;-webkit-animation:musicRoate 3s linear infinite;-moz-animation:musicRoate 3s linear infinite;-o-animation:musicRoate 3s linear infinite;-ms-animation:musicRoate 3s linear infinite}.dn{display:none}img{display:block;width:100%}.swiper-container{height:100%}.page{background:url("../images/bg.jpg") no-repeat;background-size:100% 100%;position:relative;overflow:hidden}.page .up{width:2.48rem;position:absolute;bottom:.5rem;left:50%;margin-left:-1.24rem;animation:hua 2s linear 0s infinite both;-webkit-animation:hua 2s linear 0s infinite both}.page.page1 .shaizi{width:1.09rem;height:auto;position:absolute;bottom:4.04rem;left:0;right:0;margin:0 auto;animation:zhi 2s linear 0s infinite both;-webkit-animation:zhi 2s linear 0s infinite both}.page.page1 .page1_4{width:7.15rem;height:auto;margin:0 auto;position:relative;z-index:1}.page.page1 .boxshadow{width:5.45rem;height:5.45rem;position:absolute;top:-.68rem;left:0;right:0;margin:0 auto;-webkit-filter:blur(20px);background:#fee3c0;border-radius:50%;animation:changesize 5s linear infinite;-webkit-animation:changesize 5s linear infinite}.page.page1 .page1_1{width:6.98rem;height:auto;position:absolute;top:1.81rem;left:0;right:0;margin:auto;z-index:1}.page.page1 .page1_2{width:6.66rem;height:auto;position:absolute;top:4.34rem;right:0.11rem}.page.page1 .bottomBox{position:absolute;bottom:0;right:0}.page.page2{background:url("../images/page2.jpg") no-repeat;background-size:100% 100%}.page.page2 .loading{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:10;display:none}.page.page2 .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%)}.page.page2 .page2_2,.page.page2 .mainBox{position:absolute;bottom:0;left:0}.page.page2 .mainBox{width:7.27rem;height:9.38rem;background:url("../images/page2_3.png") no-repeat;background-size:100% 100%;right:0;margin:0 auto}.page.page2 .mainBox>div .imgshowBox>img{width:4.25rem;height:auto;margin:1.15rem auto .5rem}.page.page2 .mainBox>div .imgshowBox .imgUpload{width:2.48rem;height:2.96rem;margin:0 auto;background:#dfd3c7;border:solid 1px #856440;border-radius:0.1rem;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.page.page2 .mainBox>div .imgshowBox .imgUpload .fileBox img{width:1rem}.page.page2 .mainBox>div .imgshowBox .imgUpload input[type="file"]{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0}.page.page2 .mainBox>div .imgshowBox .imgUpload .uploadImg{width:100%;height:100%;position:absolute;top:0}.page.page2 .mainBox>div .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}.page.page2 .mainBox>div .zhuan{margin:.22rem auto;width:.57rem;height:.78rem;background:url("../images/page5_img03.png") no-repeat;background-size:100% 100%}.page.page2 .mainBox>div .radioBox{width:5.3rem;height:.44rem;margin:.25rem auto .23rem;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.page.page2 .mainBox>div .radioBox div{width:2.02rem;height:100%;float:left;position:relative;overflow:hidden}.page.page2 .mainBox>div .radioBox div.noBox{margin-left:.92rem}.page.page2 .mainBox>div .radioBox div .radioSel{width:.38rem;height:.37rem;display:inline-block;float:left;margin-top:0.05rem}.page.page2 .mainBox>div .radioBox div input[type='radio']{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;float:left}.page.page2 .mainBox>div .radioBox div span{font-size:.34rem;float:right;color:#7e4c20}.page.page2 .mainBox>div .btn{width:3.66rem;height:1.66rem;margin-left:2.21rem;background:url("../images/page5_img04.png") no-repeat;background-size:100% 100%}.page.page2 .coverBox{width:100%;height:100%;position:absolute;top:0;left:0}.page.page3{overflow-y:auto;background:url("../images/page3_1.png") no-repeat;background-size:100% 100%}.page.page3 .mainBox{width:100%;height:13.11rem;background:url("../images/page3_2.png") no-repeat;background-size:100% 100%;position:absolute;top:.19rem}.page.page3 .mainBox .poster{width:6.11rem;height:auto;margin:0.9rem auto 0}.page.page3 .mainBox .btnBox{width:5.57rem;height:.8rem;margin:.25rem auto 0;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}.page.page3 .mainBox .btnBox .btn{width:2.2rem;height:.66rem;margin:0 auto}.page.page3 .mainBox .btnBox .btn.btn01{background:url("../images/btn01.png") no-repeat;background-size:100% 100%}.page.page3 .mainBox .btnBox .btn.btn02{background:url("../images/btn02.png") no-repeat;background-size:100% 100%}