body{background: url("../images/bg.jpg") repeat;}
img{ width: 100%;}

.swiper-container{ height: 100vh; transform:translate3d(0,0,0);overflow:hidden; /*解决闪动*/}
.swiper-slide{ display: flex; justify-content: flex-start; align-items: center; flex-direction: column; background-repeat: no-repeat; background-size: cover; background-position: center center; transform:translate3d(0,0,0) /*解决闪动*/}
.swiper-slide .phone{height:70vh;}
.swiper-slide .phone1{height:69vh;}
.swiper-slide .phone img{ height: 100%; width:auto;margin: 0 auto;}
.swiper-slide .intro{ width: 100%; text-align: center; margin-top: 20%; margin-bottom: 4%; }
.swiper-slide .intro img{ width: 20%;}
.swiper-slide .intro p { font-size: 16px; color: #ffffff;}
.swiper-slide .intro1{  margin-bottom: 1%;}
.swiper-slide .intro1 img{ width: 56.5%;}
.swiper-slide .btn-download{ width: 40%; display: block; border-radius: 20px; padding: 1.5% 6%; box-sizing: border-box; background-color: #00ACEB; font-size: 18px; color: #fff; text-align: center; /*margin-top: 10%;*/ position: absolute; bottom:4%;}

.code-frame{ background-color: rgba(0,0,0,0.5); padding: 5% 0; display: flex; justify-content: space-around; margin-top: 2%;}
.code-frame .code{ width: 40%; font-size: 12px; color: #fff; text-align: center;}
.code-frame .code img{ width: 100%;}

.header{  position: fixed; top: 0%; left: 0%; right: 0%; z-index: 500; display: flex; justify-content: space-between;padding: 5% 3% 2%; background-color: rgba(255,255,255,0.2); }
.header .logo{ width: 70%; display: flex; justify-content: flex-start; align-items: center; }
.header .logo img { width: 28vw; }
.header .logo span { font-size: 4vw; color: rgba(255, 255, 255, .8); margin-left: 14px; letter-spacing: 2px; }
.header .phone-text { display: none; justify-content: flex-end; color: #ffffff;}
.header .btns{ width: 15vw; height: 4vh; display: none; justify-content: flex-end;}
.header a{ width: 40%; align-self: center;}

.nav{ width: 100vw; height: 100vh; position: fixed; top: 0; left: 100%; z-index: 1000; background-color: #ffffff; overflow-y: scroll; transition: left 0.3s ease-in-out; -webkit-transition: left 0.3s ease-in-out; overflow-y: scroll; overflow-x: hidden;}
.nav .top-line{ padding: 10px 3%; display: flex; justify-content: space-between; border-bottom: 1px solid #dddddd; align-items: center;}
.nav .top-line .number{ width: 50%; font-size: 0;}
.nav .top-line .close{ width: 6%; font-size: 0;}
.nav h3{ font-size: 16px; color: #333333; padding:0 10px;}
.nav .car-list{ padding: 10px 3%; display: flex; flex-wrap: wrap;}
.nav .car-list li{ width: 33.3%; margin-bottom: 10px; text-align: center;}
.nav .car-list li img{ width: 90%;}
.nav .car-list li p{ font-size: 14px; text-align: center; color: #333333;}

.hint{ position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1000; background-color: rgba(0,0,0,0.7); font-size: 18px; color: #fff; display: none; justify-content: center; align-items: flex-start; }