
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>404</title>
    <link rel="shortcut icon" href="favicon.ico">
</head>
<style>
@charset "utf-8";
*{margin: 0;padding: 0;outline: none;}
html,body{background:#fff;color:#000;font: 14px/1.8 "微软雅黑","Microsoft Yahei",Arial,"SimHei","黑体","微软正黑体","Microsoft JhengHei";overflow-x:hidden; -webkit-tap-highlight-color:transparent;}
/* *{-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} */
/* body::-webkit-scrollbar {display: none;} */
/* body{width: 100vw;max-width: 750px;height: 100vh;margin: 0 auto;background: white;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);overflow-y: scroll;-ms-overflow-style: none;overflow: -moz-scrollbars-none;overflow: -webkit-scrollbars-none;} */
h1,h2,h3,h4,h5,h6,small,big,input,textarea,button,select{font-size:100%}
table{border-collapse:collapse;border-spacing:0;text-align:left}
ul,ol,menu{list-style:none}
fieldset,img{border:0;display: inline-block;}
img,object,input,textarea,button,select{vertical-align:middle}
article,aside,footer,header,section,nav,figure,figcaption,hgroup,details,menu{display:block}
audio,canvas,video{display:inline-block;zoom:1}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
textarea{overflow:auto;resize:vertical}
input,textarea,button,select,a{outline: none;border: none;}
input,textarea{display: block;-webkit-user-select:auto}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
mark{background-color:transparent}
a,ins,s,u,del{text-decoration:none}
sup,sub{vertical-align:baseline}
a {color:#333;}
::-webkit-scrollbar  {width: 6px;height: 6px;background-color: #fff;}  
::-webkit-scrollbar-thumb  {background-color: #00A3E8;}
::-moz-selection { background: #00A3E8; color: #fff; text-shadow: none; }
::selection { background: #00A3E8; color: #fff; text-shadow: none; }
p{font-size: 14px;line-height: 1.8;}
h4,h5,h6{color:#333;font-weight: 400;}
::-webkit-input-placeholder {color:#CBCBCB;}
:-moz-placeholder {color:#CBCBCB;}
::-moz-placeholder {color:#CBCBCB;}
:-ms-input-placeholder {color:#CBCBCB;}

.box_404 {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.box_404 .box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.box_404 .box img {
  margin: auto;
  max-width: 100%;
}

.box_404 .box h1 {
  font-size: 50px;
  color: #333;
  font-family: 'syr';
  font-weight: 500;
  margin: 30px auto;
}

.box_404 .box a {
  width: 120px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #2C61C3;
  font-size: 20px;
  color: white;
}

@media screen and (max-width: 1024px){
  .box_404 .box h1{
    font-size: 32px;
  }
}
@media screen and (max-width: 640px){
  .box_404 .box h1{
    font-size: 18px;
  }
}

</style>
<body>
    <section class="box_404">
        <div class="box">
            <img src="Uploadfiles/Picture/404.png" alt="">
            <h1>抱歉，您要访问的页面出现了问题！</h1>
            <a href="index.aspx">返回首页</a>
        </div>
    </section>                                                                         
</body>
</html>