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