<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>404页é¢</title>
<style>
*{
list-style: none;
margin: 0;
padding: 0;
text-decoration: none;
font-family: '��雅黑';
}
html,body{
width: 100%;
height: 100%;
}
.qt-error{
width: 100%;
height: 100%;
background: #F0F0F0;
padding-top: 110px;
}
.error-box{
width:500px;
position: relative;
/*left: 50%;*/
/*top: 50%;*/
/*-webkit-transform: translate(-50%,-50%);*/
/*-ms-transform: translate(-50%,-50%);*/
/*transform: translate(-50%,-50%);*/
margin: 0 auto;
}
.error-box img{
display: block;
width: 100%;
}
.error-btn {
background: -webkit-linear-gradient(left, #4979d4, #335ba7);
background: -o-linear-gradient(left, #4979d4, #335ba7);
background: -moz-linear-gradient(left, #4979d4, #335ba7);
background: linear-gradient(left, #4979d4, #335ba7);
border-radius: 4px;
width: 140px;
height: 40px;
line-height: 40px;
display: block;
position: absolute;
bottom: 70px;
right: 30px;
text-align: center;
color: #fff;
cursor: pointer;
animation: myfirst 0.7s linear 1s infinite alternate;
}
@keyframes myfirst
{
from {
background: -webkit-linear-gradient(left, #4979d4, #335ba7);
background: -o-linear-gradient(left, #4979d4, #335ba7);
background: -moz-linear-gradient(left, #4979d4, #335ba7);
background: linear-gradient(left, #4979d4, #335ba7);
box-shadow: 0 0 0 0 rgba(60,105,255,0.5);
}
to {
background-image: -webkit-gradient(linear, left top, right top, from(#4979d4), to(#335ba7));
background-image: -webkit-linear-gradient(left, #4979d4, #335ba7);
background-image: linear-gradient(to right, #4979d4, #335ba7);
box-shadow: 0 0 20px 4px rgba(0,191,255,0.7);
}
}
</style>
</head>
<body>
<div class="qt-error">
<div class="error-box">
<a href="https://www.kchuhai.com" class="error-img" title="�出海">
<img src="/common/img/404.png" alt="�出海">
</a>
<a href="https://www.kchuhai.com" class="error-btn" title="�出海">
返回首页
</a>
</div>
</div>
</body>
</html>