*{
	margin:0;
	padding:0;
}
.page-404 .page-box{
	padding:7% 25%;background-color: #135bc1;
}

.page-404 .page-tip{
	color:#fff;
	font-size: 30px;
	line-height: 64px;
	margin:20px 0;
}
.page-404 .mtop{
	margin-top:50px;
}
.page-404 .page-back-home{
	width: 148px;
	height: 42px;
	display: inline-block;
	background-color: #ffba00;
	box-shadow: 0px 6px 10px 0px 
		rgba(5, 45, 84, 0.22);
	border-radius: 21px;
	font-size: 18px;
	color:#fff;
	text-align: center;
	line-height: 42px;
	text-decoration: none;
}
.page-404 .txt-404-wrap{
	text-align: left;
}
.page-404 .img-404-wrap{
	text-align: right;
}

@media screen and (max-width:1560px){
	.page-404 .page-box{
		padding:15% 20%;
	}
	.page-404 .page-tip{
		font-size:26px;
	}
.page-404 .img-404-wrap img{
	height:300px;
}
.page-404 .page-back-home{
	line-height:34px;
	height:34px;
	width: 120px;
	font-size:16px;
}
}
@media screen and (max-width:1440px){
.page-404 .img-404-wrap img{
	height:280px;
}
}
@media screen and (max-width:1000px){
	.page-404 .page-box{
		padding:17% 20%;
	}
}
@media screen and (max-width:798px){
	.page-404  .left{
		width:100%;
	}
	.page-404  .right{
		width:100%;
		padding-top:15%;
	}
	.page-404 .txt-404-wrap{
		text-align: center;
	}
	.page-404 .txt-404-wrap img{
		height:70px;
	}
	.page-404 .img-404-wrap{
		text-align: center;
	}
	.page-404 .img-404-wrap img{
		height:200px;
	}
	.page-404 .page-tip{
		font-size:16px;
		line-height: 1.6;
		text-align: center;
	}
	.page-404 .tip-wrap{
		text-align: center;
	}
}