body,div,img,p{margin:0;padding:0}html,body{width:100%;height:100%}body{background:url("../images/bg.jpg") no-repeat #27202f;background-size:100% 100%}img{display:block;width:100%}.hide{display:none}.page1{width:100%;height:100%}.page1 .page1Box{width:100%;height:100%;position:absolute;top:0;bottom:0}.page1 .page1Box .btn{width:2.1rem;height:.83rem;position:absolute;top:7.68rem;left:.31rem;border:0;background:transparent}.page1 .page1Box .btn.btn2{left:2.67rem}.page1 .page1Box .btn.btn4{left:3.84rem;top:8.82rem}.page1 .page1Box .btn5{width:2.1rem;height:.83rem;position:absolute;top:7.68rem;border:0;background:transparent;left:5.02rem}.page1 .page1Box .btn6{width:2.1rem;height:.83rem;position:absolute;border:0;background:transparent;left:1.44rem;top:8.82rem}.page1 .page1Box .signBtn{width:1.82rem;height:1.82rem;position:absolute;top:10.5rem;left:0;right:0;margin:0 auto}.page3,.page2,.page4{width:100%;height:100%;position:relative}.returnBtn{width:1rem;height:1rem;position:fixed;top:10.88rem;left:.2rem;border:0;background:url("../images/back2.png") no-repeat;background-size:100% 100%}.topImg{width:2.42rem;height:2.42rem;border-radius:50%;margin:.77rem auto 0;border:solid .13rem #fff;box-sizing:border-box}.textBox{width:100%;margin-top:.3rem;text-align:center;font-size:.5rem;color:#fff}.textBox.userName{font-size:.5rem}.textBox .order{font-size:.83rem;color:#f30}.btnBox{margin-top:1.26rem;overflow:hidden}.btnBox .imgBox{width:1.32rem;float:left;margin-left:1.65rem}.btnBox .imgBox.imgBox2{margin-left:1.62rem}.btnBox .imgBox img{width:1.32rem;height:1.32rem}.btnBox .imgBox p{font-size:.25rem;color:#fff;text-align:center;margin-top:.2rem}.imgListBox{margin-top:1.69rem;margin-bottom:1rem;padding:0 .4rem;width:100%;overflow:hidden;box-sizing:border-box}.imgListBox img{width:1.07rem;height:1.07rem;float:left;border-radius:50%;margin:0 .32rem .3rem 0}.imgListBox img:nth-child(5n+0){margin-right:0}.musicControl{width:.7rem;height:.7rem;position:fixed;top:.2rem;right:.2rem;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}@keyframes musicRoate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes musicRoate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes musicRoate{0%{-ms-transform:rotate(0);transform:rotate(0)}50%{-ms-transform:rotate(180deg);transform:rotate(180deg)}100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}.layerbg{display:none;width:100%;height:100%;background-color:rgba(0,0,0,0.6);position:fixed;z-index:1000;top:0;left:0}#msg{display:none;position:fixed;width:6rem;min-height:1rem;max-height:8.8rem;line-height:1rem;top:0;bottom:0;left:0;right:0;margin:auto;padding:0 .1rem;background-color:#fff;color:#000;font-size:.38rem;text-align:center;border-radius:7px;word-break:break-all;z-index:1111;border:1px solid #f4e141}#msg .picList{margin-top:.1rem}