<template>
	<div class="page404">
		<div class="text-area">
			<div class="text-num">4 0 4</div>
			<div class="text-eng">
				<div><span style="margin-right: 35px;">:(</span>PAGE NOT FOUND</div>
			</div>
			<div class="text-desc">如需访问请登录portal视拓管理平台
				<el-button type="text" class="text-btn" @click="goPortal">前往</el-button>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		data () {
			return {
			}
		},
		methods: {
			goPortal () {
				window.open('http://portal.steerinfo.com/');
			}
		}
	}
</script>

<style lang="less">
.page404 {
	width: 100%;
    height: 100%;
    background: #9fddf5;
	.text-area {
		position: absolute;
		width: 100%;
		height: 100%;
		text-align: center;
		margin-top: 15%;
		.text-num {
			display: contents;
			vertical-align: middle;
			color: #fff;
			font-size: 200px;
			font-family: fantasy;
		}
		.text-eng {
			color: #a24f14;
			font-size: 40px;
			margin: 30px 0;
		}
		.text-desc {
			font-family: Katti;
			font-size: 16px;
			color: #606266;
			margin-top: 50px;
			.text-btn {
				font-family: Katti;
				font-size: 16px;
				margin: 0 5px;
				color: #0244da;
			}
		}
	}
}
</style>
