.app-download{display: none;}
.main{height: 100vh;background-size: 100% 100%; background-repeat: no-repeat; flex-direction: column;}
.top img{height: 80px; width: auto; display: block; margin: 10px auto 10px;}
.btm img{height: 40px; width: auto; display: block; margin: 10px auto 100px;}
.phone{position: absolute; opacity: 1; left: 50%; transform: translateX(-50%); height: 100%; width: auto; display: block; top: 0; z-index: 10;}
.flex1{position: relative; overflow: hidden;}
.swiper-container{height: 73%; background: #fff; left: 50%; transform: translateX(-50%); top: 12.8%; position: absolute; z-index: 9;}
/* .swiper-slide{height: 100%; width: 100%;} */
.app-img{height: 100%; width: 100%; position: absolute; left: 0; top: 0; display: block; opacity: .3;}
#qrcode{position: absolute; top: 0; width: 80px; height: 80px; left: 0; margin-left: -80px;}
#qrcode img{width: 80px; height: 80px; border: 4px solid #fff; margin: 0;}
.tips{position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 100; background: rgba(0, 0, 0, 0.8);}
.tips img{display: block; width: 60%; margin-left: 40%;}