
<!doctype html>

<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">

   <title>ERROR 404 - Not Found!</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta name="robots" content="noindex" />
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="apple-touch-icon.png">
    <style type="text/css">
        html, body {
            height: 100%;
        }
        body {
            background-color: #fff;
            line-height: 20px;
            font-size: 15px;
            font-style: normal;
            font-weight: normal;
            font-family: "Microsoft YaHei", 微软雅黑, "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif !important;
            visibility: visible;
            color: #333;
        }
        a, button, img, input, span {
            transition: all 0.3s ease 0s;
        }
        .text-center{text-align: center!important;}
        .bg_image-errer {
            background: #ffffff;
        }

        .section-not-found {
            overflow: hidden;

        }

        .not-found-default {
            overflow: hidden;

        }
        .not-found-default .content {
            position: relative;
            height: 100%;
            z-index: 2;
        }
        .not-found-default .content img{
            width: 30%
        }
        .not-found-default .content h2 {
            color: #333;
            font-size: 30px;
            margin-top: 35px;
            margin-bottom: 43px;
        }
        .not-found-default .content p {
            text-align: center;
        }

        .page-back-btn {
            background: -moz-linear-gradient(left,  #ff6a60 0%, #ffc670 100%);
            background: -webkit-gradient(linear, top left, top right, color-stop(0%,#ff6a60), color-stop(100%,#ffc670));
            background: -webkit-linear-gradient(left,  #ff6a60 0%,#ffc670 100%);
            background: -o-linear-gradient(left,  #ff6a60 0%,#ffc670 100%);
            background: -ms-linear-gradient(left,  #ff6a60 0%,#ffc670 100%);
            background: linear-gradient(to right,  #ff6a60 0%,#ffc670 100%);
            display: inline-block;
            padding: 8px 40px;
            margin-bottom: 10px;
            border-radius: 30px;
            margin-left: 5px;
            margin-right: 5px;
            color: #fff;
            text-decoration: none;
            font-size: 16px;
            font-weight: 500;
            transition: 0.4 ease-in-out;
        }
        .page-back-btn:hover {
            background: -moz-linear-gradient(left,  #ff6a60 0%, #ffc670 100%);
            background: -webkit-gradient(linear, top left, top right, color-stop(0%,#ff6a60), color-stop(100%,#ffc670));
            background: -webkit-linear-gradient(left,  #ff6a60 0%,#ffc670 100%);
            background: -o-linear-gradient(left,  #ff6a60 0%,#ffc670 100%);
            background: -ms-linear-gradient(left,  #ff6a60 0%,#ffc670 100%);
            background: linear-gradient(to right,  #ff6a60 0%,#ffc670 100%);
            border-radius: 20px 0;
            color: #fff;
            text-decoration: none;
            transform: translateY(-5px);
        }
        .not-found-default .content a.page-back-btn i {
            padding-right: 12px;
            font-size: 18px;
        }

        .cloud {
            width: 350px;
            height: 120px;
            background: #f1f1f1;
            background: linear-gradient(top, #f1f1f1 100%);
            background: -webkit-linear-gradient(top, #f1f1f1 100%);
            background: -moz-linear-gradient(top, #f1f1f1 100%);
            background: -ms-linear-gradient(top, #f1f1f1 100%);
            background: -o-linear-gradient(top, #f1f1f1 100%);
            border-radius: 100px;
            -webkit-border-radius: 100px;
            -moz-border-radius: 100px;
            position: absolute;
            margin: 120px auto 20px;
            transition: ease 1s;
        }

        .cloud:after,
        .cloud:before {
            content: '';
            position: absolute;
            background: #f1f1f1;
            z-index: -1;
        }

        .cloud:after {
            width: 100px;
            height: 100px;
            top: -50px;
            left: 50px;
            border-radius: 100px;
            -webkit-border-radius: 100px;
            -moz-border-radius: 100px;
        }

        .cloud:before {
            width: 180px;
            height: 180px;
            top: -90px;
            right: 50px;
            border-radius: 200px;
            -webkit-border-radius: 200px;
            -moz-border-radius: 200px;
        }

        .cloud-1 {
            top: -198px;
            left: 0;
            -webkit-transform: scale(0.3);
            -moz-transform: scale(0.3);
            transform: scale(0.3);
            opacity: 0.9;
            -webkit-animation: moveclouds 15s linear infinite;
            -moz-animation: moveclouds 15s linear infinite;
            -o-animation: moveclouds 15s linear infinite;
        }

        .cloud-2 {
            top: -122px;
            left: 140px;
            -webkit-transform: scale(0.3);
            -moz-transform: scale(0.3);
            transform: scale(0.3);
            -webkit-animation: moveclouds 17s linear infinite;
            -moz-animation: moveclouds 17s linear infinite;
            -o-animation: moveclouds 17s linear infinite;
        }

        .cloud-3 {
            left: 409px;
            top: -50px;
            -webkit-transform: scale(0.6);
            -moz-transform: scale(0.6);
            transform: scale(0.6);
            opacity: 0.6;
            -webkit-animation: moveclouds 25s linear infinite;
            -moz-animation: moveclouds 25s linear infinite;
            -o-animation: moveclouds 25s linear infinite;
        }

        .cloud-4 {
            left: -46px;
            bottom: 135px;
            -webkit-transform: scale(0.6);
            -moz-transform: scale(0.6);
            transform: scale(0.6);
            opacity: 0.8;
            -webkit-animation: moveclouds 25s linear infinite;
            -moz-animation: moveclouds 25s linear infinite;
            -o-animation: moveclouds 25s linear infinite;
        }

        .cloud-5 {
            left: 469px;
            bottom: -57px;
            -webkit-transform: scale(0.75);
            -moz-transform: scale(0.75);
            transform: scale(0.75);
            opacity: 0.75;
            -webkit-animation: moveclouds 18s linear infinite;
            -moz-animation: moveclouds 18s linear infinite;
            -o-animation: moveclouds 18s linear infinite;
        }

        .cloud-6 {
            left: 100%;
            top: 263px;
            -webkit-transform: scale(0.5);
            -moz-transform: scale(0.5);
            transform: scale(0.5);
            opacity: 0.8;
            -webkit-animation: moveclouds 20s linear infinite;
            -moz-animation: moveclouds 20s linear infinite;
            -o-animation: moveclouds 20s linear infinite;
        }

        @-webkit-keyframes moveclouds {
            0% {
                margin-left: 1000px;
            }
            100% {
                margin-left: -1000px;
            }
        }
        @-moz-keyframes moveclouds {
            0% {
                margin-left: 1000px;
            }
            100% {
                margin-left: -1000px;
            }
        }
        @-o-keyframes moveclouds {
            0% {
                margin-left: 1000px;
            }
            100% {
                margin-left: -1000px;
            }
        }
        @media only screen and (max-width: 767px) {
            .not-found-default .content h2 {
                font-size: 24px;
            }
            .mobile-none{display: none!important;}
            .not-found-default .content img{width: 80%}
            .not-found-default .content p{text-align: center;font-size: 14px}
            #clouds{display: none;}
            .container{width: 100%}
        }
    </style>
</head>

<body style="overflow: hidden;">

<!-- Main Wrapper Start -->
<div class="main-wrapper" style="min-height: 100%;display: flex;justify-content: center;align-items: center;width: 100%;">


    <!-- Start 404 Area -->
    <div class="section-not-found" style="width: 100%;min-height: 100%;">
        <div class="not-found-page-wrapper bg_image-errer text-center">
            <div class="container">
                <div class="" style="display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;">
                    <div class="" style="position: relative;width: 100%;min-height: 1px;padding-right: 20px;padding-left: 20px;">
                        <div class="ht-not-found not-found-default mb--50 mt--50">
                            <div class="content">
                                <img src="https://img.alicdn.com/imgextra/i2/1881288151/O1CN01hX3uWT2A5DN2o7BXp_!!1881288151.png" alt="404 image">
                                <h2>哎呀！找不到页面了！</h2>
                                <a class="page-back-btn mobile-none" href="/"><span>回到主站</span></a>
                                <p style="margin-top: 50px">不要伤心，可能是网址错了呢，重新核对一下吧。</p>
                            </div>
                            <div id="clouds">
                                <div class="cloud cloud-1"></div>
                                <div class="cloud cloud-2"></div>
                                <div class="cloud cloud-3"></div>
                                <div class="cloud cloud-4"></div>
                                <div class="cloud cloud-5"></div>
                                <div class="cloud cloud-6"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End 404 Area -->
</div>


</body>

</html>