<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<meta name="viewport"
		content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover" />
	<meta name="rem-baseline" content="7.5" />
	<title id="idtitle"></title>
	<link rel="stylesheet" href="/css/reset.css">
	<link rel="stylesheet" href="/css/ele/chalk.css">
	<link rel="stylesheet" href="/css/main.css">
	<link rel="stylesheet" href="/css/fontawesome/css/font-awesome.min.css">
	<link rel="stylesheet" href="/css/autocomplete.css">
	<link rel="stylesheet" href="/css/ele/mintui-css/mint-ui.css">
	<link rel="stylesheet" href="/css/mobile.css">
	<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_1358146_qm9359x1uma.css" />

	<script src="/js/vue/vue.min.js"></script>
	<script src="/js/vue/vue-router.min.js"></script>
	<script src="/js/mobileuitls/mint-ui.js"></script>
	<script src="/js/vue/vuex.min.js"></script>
	<script src="/js/ele/index.js"></script>
	<script src="/js/mobileuitls/flexible.js"></script>
	<script src="/js/echarts/echarts.min.js"></script>
	<style>
		body {
			padding: 0px;
			margin: 0px;
			background-image: url('/imgs/h5/bkh5.png');
		}

		#kpMain td {
			width: 50%;
			font-family: "SimSun";
			font-size: 0.8rem;
			line-height: 1rem;
		}

		#kpMain input {
			display: inline
		}

		#loading {
			background-color: #2c3e50;
			height: 100%;
			width: 100%;
			position: fixed;
			z-index: 9999;
			margin-top: 0px;
			top: 0px;
		}

		#loading-center {
			width: 100%;
			height: 100%;
			position: relative;
		}

		#loading-center-absolute {
			position: absolute;
			left: 50%;
			top: 50%;
			height: 50px;
			width: 50px;
			margin-top: -25px;
			margin-left: -25px;
			-ms-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			-webkit-animation: loading-center-absolute 1.5s infinite;
			animation: loading-center-absolute 1.5s infinite;

		}

		.object {
			width: 25px;
			height: 25px;
			background-color: #FFF;
			float: left;

		}

		#object_one {
			-webkit-animation: object_one 1.5s infinite;
			animation: object_one 1.5s infinite;
		}

		#object_two {
			-webkit-animation: object_two 1.5s infinite;
			animation: object_two 1.5s infinite;
		}

		#object_three {
			-webkit-animation: object_three 1.5s infinite;
			animation: object_three 1.5s infinite;
		}

		#object_four {
			-webkit-animation: object_four 1.5s infinite;
			animation: object_four 1.5s infinite;
		}


		@-webkit-keyframes loading-center-absolute {
			100% {
				-webkit-transform: rotate(-45deg);
			}

		}

		@keyframes loading-center-absolute {
			100% {
				transform: rotate(-45deg);
				-webkit-transform: rotate(-45deg);
			}
		}

		@-webkit-keyframes object_one {
			25% {
				-webkit-transform: translate(0, -50px) rotate(-180deg);
			}

			100% {
				-webkit-transform: translate(0, 0) rotate(-180deg);
			}

		}

		@keyframes object_one {
			25% {
				transform: translate(0, -50px) rotate(-180deg);
				-webkit-transform: translate(0, -50px) rotate(-180deg);
			}

			100% {
				transform: translate(0, 0) rotate(-180deg);
				-webkit-transform: translate(0, 0) rotate(-180deg);
			}
		}

		@-webkit-keyframes object_two {
			25% {
				-webkit-transform: translate(50px, 0) rotate(-180deg);
			}

			100% {
				-webkit-transform: translate(0, 0) rotate(-180deg);
			}
		}

			{
			"icon": "tool-order", "title":"商标列表", "type":"default", "key":"myTmList", "isOnGrid":true
		}

		,

		@keyframes object_two {
			25% {
				transform: translate(50px, 0) rotate(-180deg);
				-webkit-transform: translate(50px, 0) rotate(-180deg);
			}

			100% {
				transform: translate(0, 0) rotate(-180deg);
				-webkit-transform: translate(0, 0) rotate(-180deg);
			}
		}

		@-webkit-keyframes object_three {
			25% {
				-webkit-transform: translate(-50px, 0) rotate(-180deg);
			}

			100% {
				-webkit-transform: translate(0, 0) rotate(-180deg);
			}
		}

		@keyframes object_three {
			25% {
				transform: translate(-50px, 0) rotate(-180deg);
				-webkit-transform: translate(-50px, 0) rotate(-180deg);
			}

			100% {
				transform: translate(0, 0) rotate(-180deg);
				-webkit-transform: rtranslate(0, 0) rotate(-180deg);
			}
		}

		@-webkit-keyframes object_four {
			25% {
				-webkit-transform: translate(0, 50px) rotate(-180deg);
			}

			100% {
				-webkit-transform: translate(0, 0) rotate(-180deg);
			}
		}

		@keyframes object_four {
			25% {
				transform: translate(0, 50px) rotate(-180deg);
				-webkit-transform: translate(0, 50px) rotate(-180deg);
			}

			100% {
				transform: translate(0, 0) rotate(-180deg);
				-webkit-transform: translate(0, 0) rotate(-180deg);
			}
		}

		.box-card {
			border-radius: 0px;
			border-bottom: none;
		}

		.el-card {
			border-bottom: none;
		}

		.el-button {
			border-radius: 0px;
		}

		.el-tab-pane {
			background-color: #2c3e50;
			color: #eee;
			margin: 0px;
		}

		.el-tabs {
			background-color: #2c3e50;
			color: #eee;
		}

		.el-form-item {
			border: none;
		}

		.el-input__inner {
			border: none;
			border-radius: 0px;
			padding: 0px;
			color: #ddd
		}

		.el-form-item label {
			color: #aaa;
		}

		.el-message-box {
			width: 90%;
		}

		.el-tabs__item {
			width: 50%;
			text-align: center;
		}

		.el-tabs__nav {
			width: 100%;
			text-align: center;
		}

		.el-step__title.is-process {
			color: white;
		}

		.el-step__description.is-process {
			color: white;
		}

		.el-input__inner {
			color: #2F2F2F;
		}
	</style>
</head>

<body style="overflow: auto;">
	<!-- <div id="loading">
	  <div id="loading-center">
	    <div id="loading-center-absolute">
	      <div class="object" id="object_one"></div>
	      <div class="object" id="object_two"></div>
	      <div class="object" id="object_three"></div>
	      <div class="object" id="object_four"></div>
	    </div>
	  </div>
	</div> -->
	<div id="app" style="margin-top:-5px">
		<el-container v-loading.fullscreen="loading" element-loading-text="拼命加载中,请耐心等待">
			<div style="position:fixed;left:0px;top:0px;width:100%;height:100%;background-color:white">
				<div style="position:relative;text-align:center;width:100%;height:100%;">
					<transition name="slide-fade">

						<router-view name="default"
							style="height:100%;margin:0px;overflow-y:auto;overflow-x: hidden;">
						</router-view>
					</transition>

					<!-- <gsb-h5menu ref="bottommenu" :menuitems="mitems" @menuclick="menuclick"
						ikey="mobilehome"></gsb-h5menu> -->

				</div>
			</div>

		</el-container>
		<!-- <gsb-jsapi authurl="https://boss.gongsibao.com/h5"></gsb-jsapi> -->
	</div>
	<script src="/js/vue/jquery.min.js"></script>
	<script src="/js/vue/base64.js"></script>
	<!-- <script src="/js/wx/wxLogin.js"></script> -->
	<script src="/js/vue/axios.min.js"></script>
	<script src="/js/mobiletrade.js"></script>
</body>
</html>
