@charset "utf-8";
*{box-sizing: border-box;}
body,html{height: 100%; overflow: hidden;   background-color:#FFF7F9;}
body{display: flex; } /* justify-content: center; align-items: center; */
.logo{display: block; width: 75%; margin: 0 auto;}
.download{padding: 20px 0 30px 0; }

.download div { margin-top:10px;  width: 100%; height: 60px; background-image:linear-gradient(45deg, #FF9673, #FB2B79);   border:solid 1px #FD8291; border-radius: 999px; }  /*  linear-gradient(45deg, #FF9673, #FB2B79); */

.download div a{display: block; width: 100%; height: 60px; background-repeat: no-repeat; background-position: center; background-size: 176px auto; border-radius: 999px; margin: auto; }

.download div.android a{background-image: url(../img/download-android2.png);}
.download div.ios a{background-image: url(../img/download-ios2.png);}


.bottom-img{width:90%; margin: auto; position: relative; display:none;}
.bottom-img .bg,.bottom-img .phone{width: 100%; }
.bottom-img .phone{ display:none; }
/*
.bottom-img .phone{position: absolute; z-index: 1; left: 0; top:0; animation: phoneAni 1s linear infinite alternate;}
@keyframes phoneAni{
	100%{
		top: 10px;
	}
}
*/
.open-tips{position: fixed; z-index:9; left: 0; right: 0; top:0; bottom: 0; background: rgba(0,0,0,.9); overflow: hidden; display: none;} /*display: none;*/
.open-tips img{width: 330px; float: right; margin-right: 20px;}


.swiper {
    max-width: 640px;
    margin: 0 auto;
}
.swiper-slide img {width:100%;}