.content{display:block;width:100%;}
.header{height:13vw;display:flex;justify-content: space-between;}
.header .logo{display:inline-block;background:url(../images/logo.png) no-repeat;width:27.3vw;height:7.4vw;margin:3vw;margin-left:4vw;background-size:100% 100%;}
.header .policy{padding:0 1vw;box-sizing: border-box;height:7vw;border-radius:2vw;border: 2px solid rgba(255,255,255,0.25);display: inline-block;margin:3vw;color:#fff;font-size:3vw;line-height:7vw;}
.bodybox{display:block;width:100%;position: relative;;padding-top:110vw;}
.middlepic{display:block;background:url(../images/pic1.png) center top no-repeat;height:85vw;top:9vw;left:0;position: absolute;width:100%;background-size:auto 100%;}
.middlebtnleft{position: absolute;left:0;top:95vw;justify-content: end;width:calc(50% - 3vw);}
.middlebtnright{position: absolute;right:0;top:95vw;justify-content: start;width:calc(50% - 3vw);}
.title{display:block;font-weight: bold;font-size:7vw;color: #FFFFFF;line-height:10vw;text-align: center;}
.title-p{display:block;font-size:3.5vw;color: #FFFFFF;line-height:4.6vw;text-align: center;margin-top:3vw;}

.btn{background-color: #0D163B;width:33vw;padding-left:10vw;box-sizing: border-box;height:10vw;border-radius:2vw;border: 2px solid rgba(255,255,255,0.25);display:inline-block;}
.btn span{display:block;text-align: left;color:#fff}
.btn span:nth-child(1){font-size:2.6vw;margin-top:1vw;}
.btn span:nth-child(2){font-size:3vw}
.iosbtn{background-image: url(../images/ios.png);background-position:3vw center;background-repeat: no-repeat;background-size:5vw auto;}
.andbtn{background-image: url(../images/and.png);background-position:3vw center;background-repeat: no-repeat;background-size:5vw auto;}


.tipsbox{display:block;width:100%;margin-top:7.4vw}
.tipsbox div{display:inline-block;width:88vw;height: 38vw;background: #171717;border-radius:5vw;border: 4px solid #A448FF;margin:0 6vw;margin-bottom:4.6vw}
.tipsbox div:nth-child(1) i{background-image: url(../images/1.png);background-position: center center;background-repeat: no-repeat;background-size:17vw auto}
.tipsbox div:nth-child(2) i{background-image: url(../images/2.png);background-position: center center;background-repeat: no-repeat;background-size:24vw auto}
.tipsbox div i{height:38vw;width:24vw;float:left;}
.tipsbox div span{color:#fff;width:calc(100% - 24vw);text-align: left;font-weight:bold;font-size:4.6vw;float:left;margin-top:4.6vw}
.tipsbox div p{font-size:3vw;width:calc(100% - 24vw);box-sizing: border-box;color:#ccc;text-align: left;float:left}

.title.tt1{margin-top:8vw;margin-bottom:4.6vw;font-size:7.4vw;box-sizing: border-box;padding:0 20vw;}
.title.tt2{margin-top:7.4vw;margin-bottom:2.8vw;font-size:7.4vw;}
.infobox{display: block;width:calc(100% - 11.2vw);margin:5.6vw;box-sizing: border-box;position: relative;padding-top:50vw}
.infobox .img{position: absolute;top:0;left:0;width:100%;height:50vw;overflow:hidden;border-radius:9vw;}
.infobox .img img{width:100%;height:auto;}
.infobox .infos{display:block;width:100%;}
.infobox .infos .infostit{color:#fff;display:block;margin-top:1.8vw;font-size:5.6vw;font-weight:bold;}
.infobox .infos p{font-size:3.7vw;display:block;color:#ccc;}
.main-p{display:block;color:#ccc;font-size:3.7vw;width:100%;box-sizing: border-box;padding:3.7vw;}
.downlay{display:flex;justify-content: center;width:100%;padding-bottom:10vw;}
.downlay a{margin:2.8vw}