*{margin:0;padding:0}
img{width:100%;height:100%}
a{text-decoration:none}
.page-1{box-sizing:border-box;display:flex;width:7.5rem;height:100vh;padding-bottom:30px;padding-top:15px;flex-direction:column;justify-content:center;align-items:center;background-color:#1aa4ee;overflow:hidden;margin:auto}
.page-1 .p1{width:4.09rem;height:2.43rem;margin:.4rem auto}
.page-1 .p2{width:4.06rem;height:6.05rem;margin:0 auto}
.footer .p3,.page-1 .p3{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:4rem;padding:.2rem 0;margin:.2rem auto .2rem auto;background-color:#fff;border-radius:.2rem;text-align:center;font-size:0}
.footer .p3 .arrow,.page-1 .p3 .arrow{position:relative;width:.3rem;height:.5rem}
.footer .p3 .arrow::after,.page-1 .p3 .arrow::after{content:'';position:absolute;width:100%;height:2px;left:0;bottom:0;border-radius:1px;background:#1aa4ee}
.footer .p3 .arrow img,.page-1 .p3 .arrow img{position:absolute;top:0;left:0;right:0;margin:auto;width:.28rem;height:.3rem;animation:arrow-anim .5s linear alternate infinite}
@keyframes arrow-anim{0%{top:0}
100%{top:.1rem}
}
.footer .p3 .text,.page-1 .p3 .text{margin-left:10px;font-size:.3rem}
.footer .p3 div,.page-1 .p3 div{display:inline-block;color:#1aa4ee}
.page-1 .p4{display:block;width:5rem;margin:.2rem auto;font-size:14px;color:#fff;text-align:center}
.page-1 .p4 img{width:.1rem;height:.18rem}
.page-2{width:7.5rem;height:9.81rem;background:url(../img/ic_2.jpg);background-size:100% 100%;margin:auto}
.page-3{width:7.5rem;height:8.97rem;background:url(../img/ic_3.jpg);background-size:100% 100%;margin:auto}
.page-4{width:7.5rem;height:19.26rem;background:url(../img/ic_4.jpg);background-size:100% 100%;margin:auto}
.footer{width:7.5rem;margin:auto;padding:.2rem 0;background:#1aa4ee;text-align:center;color:#fff}
.footer .p1{font-size:16px;text-shadow:0 1px 2px rgba(0,0,0,.3)}
.footer .p2{font-size:14px}
.footer .p4{font-size:12px;margin-top:.5rem;color:#a1eff2}
.wxcode_box_wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10}
.wxcode_box{display:block;position:absolute;top:50%;left:50%;width:6rem;background:#fff;border-radius:.2rem;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-top:1rem;z-index:11}
.wxcode_box .wxcode_close{position:absolute;top:-.8rem;right:.3rem;width:.5rem;height:.8rem;background:url(../img/wxcode_close.png) center no-repeat;background-size:100% 100%}
.wxcode_box .wxcode_title{margin-top:.4rem}
.wxcode_box .wxcode_title p{box-sizing:border-box;padding:0 .1rem;width:100%;line-height:1.5;text-align:center;font-size:14px;font-weight:700;color:#333;white-space:nowrap}
.wxcode_box .wxcode_title span{display:block;line-height:1;text-align:center;font-size:.75rem;color:#333;margin-top:.4rem}
.wxcode_box ul{margin:.3rem 0;padding-left:.6rem}
.wxcode_box ul li{line-height:1;font-size:14px;color:#666;margin-bottom:.15rem}
.wxcode_box .wxcode_copy{width:4rem;height:.6rem;line-height:.6rem;text-align:center;font-size:14px;color:#fff;background:#32cc12;border-radius:5px;margin:0 auto;overflow:hidden;cursor:pointer}
.wxcode_box .wxcode_copy em{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}
.wxcode_box .wxcode_describe{line-height:1;text-align:center;font-size:14px;color:#999;margin-top:.15rem}
.wxcode_box .code_box{border-top:1px dashed #bbb;margin:.3rem .3rem 0}
.wxcode_box .code_box p{line-height:1;text-align:center;font-size:14px;color:#333;margin:.3rem 0 .25rem}
.wxcode_box .code_box .qrcode img{max-width:60%;display:block;margin:0 auto .4rem}
.tips{display:none;position:fixed;width:7.5rem;height:100%;left:0;right:0;top:0;margin:0 auto;background:rgba(0,0,0,.5);z-index:99}
.tips img{position:absolute;width:4.74rem;height:2.37rem;top:0;right:.2rem}