<!doctype html>
<html lang="en">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<title>404</title>
<style type="text/css">
html,
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.container {
width: 100%;
height: 100%;
background-image: url('static/images/background.jpg');
background-repeat: no-repeat;
background-size: 100% 100%;
-moz-background-size: 100% 100%;
text-align: center;
}
.airplane {
width: 50%;
margin: 20% 25% 10% 25%;
text-align: center;
}
.text-area {
height: 75px;
}
.tips {
font-size: 25px;
line-height: 35px;
color: white;
text-align: center;
}
.tips img {
width: 70%;
}
.btn {
margin-top: 5%;
text-align: center;
}
.btn button {
font-size: 30px;
padding: 10px 20px;
border-radius: 20px;
background-color: #ffee00;
color: #ff7700;
margin: 0 auto;
}
.btn button:hover {
background-color: #ffbb00;
color: #ffff00;
}
</style>
</head>
<body>
<div class="container">
<img src="static/images/airplain.png" class="airplane" border="0" alt="">
<div class="text-area">
<div class="tips">
<img src="static/images/big-tips.png" border="0" alt="">
</div>
<div class="tips">
请检查网络后重试
</div>
<!--<div class="btn">-->
<!--<button onclick="jumpIndex()">重新加载</button>-->
<!--</div>-->
</div>
</div>
<script>
function jumpIndex() {
window.location.href = 'index.html';
}
</script>
</body>
</html>
