{extend name="layout/base" /}
{block name="title"}
<title>404页面_麻花网络</title>
{/block}
{block name="header"}
<link rel="stylesheet" href="__STATIC__/css/mobile/style.css">
<style>
	.page_404 {
	    width: 2.6rem;
	    margin: auto;
	    text-align: center;
	}
	.page_404 img {
	    width: 100%;
	}
	.page_404 p {
	    font-size: 0.14rem;
	    color: #B2B2B2;
	    margin-bottom: 0.3rem;
	}
	.page_404 a {
	    font-size: 0.16rem;
	    display: block;
	    width: 1rem;
	    height: 0.32rem;
	    line-height: 0.32rem;
	    text-align: center;
		border-radius: 0.2rem;
	}
	.page_404 div {
	    display: flex;
	    justify-content: space-between;
	}
	.back-home{
		color: #fff;
		background:#FF9E33 ;
	}
	.find-game{
		color:#FF9E33 ;
		border: 0.01rem solid #FF9E33;
	}
	.header{
		border-bottom: none;
	}
</style>
{/block}

{block name="content"}
<!-- header start -->
<header class="top">
	<div class="header">
		<a href="javascript:history.back(-1)"><img src="__STATIC__/images/mobile/icon/left.png" class="back"></a>
		<h1>404</h1>
		<div>
			<div class="search-icon"><a href=""><img src="__STATIC__/images/mobile/icon/search.png"></a></div>
			<div class="menu"><img src="__STATIC__/images/mobile/icon/menu-bar.png"></div>
		</div>
	</div>
</header>
<!-- header end -->
<div class="page_404  top-half">
	<img src="__STATIC__/images/mobile/icon/404.png">
	<p>很抱歉，页面走丢了~</p>
	<div>
		<a href="" class="back-home">回首页</a>
		<a href="" class="find-game">找游戏</a>
	</div>
</div>
{include file="layout/footer" /}
{/block}


{block name="detail_js"}

{/block}