body{
	width: 100%;
	height: 90vh; 
	color: #fff;
	padding: 0;
	margin: 0;
	background: linear-gradient(
		-45deg, 
		rgba(9,69,138,0.8),
		rgba(68,255,175,0.7),
		rgb(113,208,251),
		rgba(68,255,201,0.7),
		rgb(9,69,138)
	);
	background-size: 400% 400%;
	-webkit-animation: Gradient 20s ease infinite;
	-moz-animation: Gradient 20s ease infinite;
	-moz-animation: Gradient 20s ease infinite;
	animation: Gradient 20s ease infinite;
}
@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}
.container{
	width: 100%; 
	height: 100%;
	padding: 0;
	margin: 0;
	position: relative;
}
.apply{
	width: 966px;
	height: 486px;
	/*background-color: #fff;*/
	position: absolute;
	left: 50%;
	top: 50vh;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin-top: -293px;
	margin-left: -483px;
	padding-bottom: 150px;
}
.apply .apply-img{
	width: 403px;
	
	background-image: url(../../images/index/apply_bg.jpg);
	background-size: 100% 100%;
	display: flex;
	flex-wrap: wrap;
	
	align-content: center;
}
.apply .apply-img img{
	width: 135px;
	margin: 0 auto;
}
.apply .apply-img .p1{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	margin-bottom: 10px;
}
.apply .apply-img .p2{
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	margin: 0;
}
.apply .apply-form{
	width: 563px;
	display: flex;
	flex-direction: column;
	padding: 20px 0;
	color: #000;
	background-color: #fff;
}
.apply .apply-form p{
	width: 380px;
	margin:  auto;
	text-align: center;
}
.apply .apply-form p.apply-title{
	font-size: 27px;
	color: #000;
}
.apply .apply-form p.apply-input{
	border: 1px solid #D2D2D2;
	height: 44px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}
.apply .apply-form p.apply-input img{
	width: 30px;
	margin-left: 10px;
}
.apply .apply-form p.apply-input span{
	display: inline-block;
	width: 1px;
	height: 22px;
	background-color: #D2D2D2;
}
.apply .apply-form p.apply-input input{
	height: 90%;
	width: 320px;
	border:none;
	outline: none;
}
.apply .apply-form p textarea{
	padding: 10px 3%;
	width: 94%;
	height: 94px;
	border-color: #D2D2D2;
}
.apply .apply-form p button{
	width: 100%;
	height: 48px;
	border:none;
	background-color: #0FB72F;
	color: #fff;
	font-size: 18px;
}
.apply .back{
	display: flex;
	flex-direction: column;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 52px;
	margin-left: -26px;
	text-decoration:none;
	color: #fff;
}
.apply .back img{
	width: 52px;
	height: 52px;
}
.apply .back p{
	text-align: center;
	margin-top: 10px;
	font-size: 23px;
}
@media only screen and (max-width: 1090px){
	.apply {
	    width: 563px;
	    top: 100px;
	    margin-top: 0;
	    margin-left: -281px;
	}
	.apply .apply-img {
	   display: none;
	}
}
@media only screen and (max-width: 414px){
	.apply {
	    width: 300px;
	    height: 420px;
	    top: 100px;
	    margin-top: 0;
	    margin-left: -150px;
	}
	.apply .apply-form {
	    width: 300px;
	    display: flex;
	    flex-direction: column;
	    padding: 20px 0;
	    color: #000;
	    background-color: #fff;
	}
	.apply .apply-form p {
	    width: 260px;
	    margin: auto;
	    text-align: center;
	}
	.apply .apply-form p.apply-input {
	    height: 35px;
	}
	.apply .apply-form p.apply-input input {
	    width: 200px;
	}
	.apply .apply-form p textarea {
	    height: 60px;
	}
	.apply .apply-form p.apply-input img {
	    width: 25px;
	    
	}
	.apply .apply-form p button {
	    height: 40px;
	}
	
}