html,body{width: 100%; height: 100%;  font-family: '微软雅黑'; font-size: 14px; color: #fff;}
.wrap{position: relative;width: 100%; max-width: 640px; margin: 0 auto;}
.pos-r{position: relative;}
.pos-a{position: absolute;}
img{display: block; width: 100%;}
.none{display: none}

.wrap{width: 100%; height: 100%; overflow: hidden; background:#403393;}
.wrap1{width: 100%;  background:#403393;}

.bg{width: 100%; height: 100%; top:0; left: 0}
.logo{width: 27%; left: 5%; top:3%}
.title{width: 50%; right: 0%; top:7%}
.xc{width: 100%; left: 0; top:12%}
.bottom{width: 100%; bottom: -5%}
/*仕官生首页*/
.build{width:36%; bottom: -8%; left: 0;}
.djbottom{width: 100%;left: 0;bottom: 0;}
.slogan{width: 70%; left: 15%; top:6%;}
.back{width: 7%; right:3%; top:2.5%;z-index: 100;}
.nav1,.nav2,.nav3,.nav4,.nav5{width: 150%;}
.nav1{top: -12%;left: -110%;}
.nav2{top: 3%;left: 60%;}
.nav3{top: 34%;left: -110%;}
.nav4{top: 52%;left: 60%;}
.nav5{top: 80%;left: -110%;}
.djlight{width: 100%;left: 0;bottom:119%;}
.ball{width: 19%;left: 3%;top: 24%;}
.plane{width: 20%;right: 0%;top: 11%;}
.line{width: 19%;right: 23%;top:58%;}
.circle{width: 100%;left: 0;bottom: -5%;}
.djlogo{top: 2%;left: 35%;width: 35.733%;}
/*点将招聘流程*/
.lccon{
	top: -2%;
	left: 0;
	width: 100%;
}
.zwtdBtn{
	position: absolute;
    width: 28%;
    top: 23%;
    left: 36%;
}
.jsBtn{
	position: absolute;
    width: 28%;
    left: 35%;
    top: 10%;
    /*border: 1px solid red;*/
}

/*适配*/
/*iphoneX*/
@media (max-device-aspect-ratio:375/605) {
    /*.build{bottom: 0%}*/
    .logo{width: 35%; left: 5%; top:5%}
    .xc{ top:20%}
    .title{ top:10%}
    .slogan{ top:10%;}
    .bottom{ bottom:0;}
}
@media (max-device-aspect-ratio:375/650) {
    .lccon{top: 2%;}
}

@media (max-device-aspect-ratio:375/680) {
    .build{bottom: 0%}
    .djlight{bottom:145%}
    .circle{bottom: 0%;}
}

@media (min-device-aspect-ratio:360/535) {
    .lccon{top: -2%;}
}


.build{-webkit-animation:fromBottom .6s ease .4s both; animation:fromBottom .6s ease .4s both;}
.slogan{-webkit-animation:bounceIn .5s ease 1.4s both; animation:bounceIn .5s ease 1.4s both;}
.ball{-webkit-animation:fadeIn .5s ease 1.4s both; animation:fadeIn .5s ease 1.4s both;}
.plane{-webkit-animation:fadeIn .5s ease 1.4s both; animation:fadeIn .5s ease 1.4s both;}

.djlight{-webkit-animation:fadeIn .5s ease 1s both; animation:fadeIn .5s ease 1s both;}

.line{-webkit-animation:fromRight .5s ease 2s both; animation:fromRight .5s ease 2s both;}


/*.nav1,.nav3,.nav5{-webkit-animation:fromLeft .5s ease 1.6s both; animation:fromLeft .5s ease 1.6s both;}
.nav2,.nav4,.nav6{-webkit-animation:fromRight .5s ease 1.6s both; animation:fromRight .5s ease 1.6s both;}
.nav7{-webkit-animation:fadeIn .8s ease 1.8s both; animation:fadeIn .8s ease 1.8s both;}*/