html, body {
    background-color: #f0f0f0;
    margin: 0 !important;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: fixed;
}
div{
    box-sizing: border-box;
}
.download-wap{
	width: 100%;
	height: 100%;
	background-color: #f0f0f0;
  position: relative;
}
.top-download-bar{
	width: 100%;
height:3.75rem;
	background: url(../img/ding_bg.png) no-repeat center center;
	background-size: 100% 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1rem;
  
}
.logo{
	width: 9.375rem;
	height:2.06rem;
}
.download-btn{
	width: 4.56rem;
	height: 1.59rem;
	background: url(../img/zhuce.png) no-repeat center center;
	background-size: 100% 100%;
}
.bottom-download-bar{
	width: 100%;
	height: 8.2rem;
	background:#fff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    display: flex;
    border-radius:1.1rem 1.1rem 0 0;

   flex-direction: column;
    padding: 0.8rem 1rem;
    align-items: center;
}
.wudu{
	width: 8.21rem;
	height: 0.96rem;
    display: block;
}
.xiabei{
	width: 21rem;
	height: 3.53rem;
    margin-top: 0.5rem;
    display: block;
    animation: xiabei 1s linear infinite;
}
@keyframes xiabei{
    0%{
        transform: scale(1);
    }
   50%{
        transform: scale(0.95);
    }
    100%{
        transform: scale(1);
    }
}
@-webkit-keyframes xiabei{
    0%{
        transform: scale(1);
    }
   50%{
        transform: scale(0.95);
    }
    100%{
        transform: scale(1);
    }
}
.kaifazhe{
	width: 15.37rem;
	height: 0.625rem;
    display: block;
    margin-top: 1rem;
}
.main-content{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background: url(../img/wap_bg.png) no-repeat center center;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
   padding-top: 3.5rem;
}
.phone-carousel{
    width: 18.84rem;
    height: 38.65rem;
   
    position: relative;
  
    background-size: 100% 100%;
}
.shoujik{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 100;
  
}
.biaoqian{
    width: 6.25rem;
    height: 3.25rem;
    position: absolute;
    top: -1.5rem;
    right: 1.5rem;
    z-index: 101;
}
.shouji_bg{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    
   
}
 .shouji_bg_wap{
     width: 17.5rem;
     height: 37.4rem;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     background: #ebf2fa;
     border-radius: 2.3rem;
     overflow: hidden;
 }

 /* Swiper轮播样式 */
 .swiper {
     width: 100%;
     height: 100%;
     border-radius: 2.3rem;
     overflow: hidden;
 }

 .swiper-slide {
     width: 100%;
     height: 100%;
 }

 .swiper-image {
     width: 100%;
     height: 100%;
    
     display: block;
 }

/* 微信/QQ引导弹窗样式 */
.guide-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.guide-content {
  
    width: 19.37rem;
   height: 19.84rem;
   position: absolute;
   left: 50%;
   top:2rem;
   transform: translateX(-50%);
}

.guide-image {
    width: 100%;
    height: 100%;

    display: block;
}