<!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>
