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

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" ">
<title id=" idtitle">
	</title>
	<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">


	<script src="/js/vue/vue.min.js"></script>
	<script src="/js/vue/vue-router.min.js"></script>
	<script src="/js/vue/vuex.min.js"></script>
	<script src="/js/socketio/socket.io.js"></script>
	<script src="/js/ele/index.js"></script>
	<script src="/js/htmleditor/htmleditor.js"></script>
	<script src="/js/htmleditor/htmleditorreg.js"></script>
	<!-- <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=ew0cpBOLauTZ5muFQ7gc9e1egYgckvMU&s=1"></script> -->
	<!-- <script src="/js/wx/wxjsapi.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%;">
					<div v-if="!currentUser" style="height:100%;background-image:url(/imgs/h5/bkh5.png);">
						<div style="padding-top:10%;height:20%;">
							<h3 style="color:rgb(202, 200, 200)">一键签署，立即生效</h3>
							<h4 style="color:#eee">开启省时省力合同之旅，赶快行动吧</h4>
						</div>
						<div style="width:100%;text-align:center">
							<input type="hidden" id="hidOpenId" name="hidOpenId" value="value">
							<img style="width:95%" src="/imgs/h5/center.png" />
						</div>
						<div style="height:30%;padding-top:20px">
							<el-button round v-if="isYD"  type="primary" >
								<i class="fa fa-hand-pointer-o"></i>
								<a href="javascript:;" @click="alert('请升级app版本，再进行电子签约。');" style=" text-decoration:none;color:white"><slot>点击进入电子签约</slot></a>
							</el-button>
							<gsb-wxoauth v-if="!isYD" :appkey="apk" :hUserId="h5UserId" @logined="loginSuccess" type="primary"><span
									style="color:white">点击进入电子签约</span></gsb-wxoauth><br /><br />
							<!-- <small style="color:#eee;">使用即同意<a href="#" style="text-decoration:none;color:#eee;">《用户协议和隐私说明》</a></small> -->
						</div>
					</div>
					<transition v-if="currentUser" name="slide-fade">
						<router-view
							style="height:100%;padding-top:50px;padding-bottom:50px;margin:0px;background-color:white;overflow:auto">
						</router-view>
					</transition>
					<gsb-h5menu ref="bottommenu" :menuitems="mitems" @menuclick="menuclick" ikey="waitsign"></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/h5.js"></script>
	<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>

	<link rel="stylesheet" href="css/pdfh5/style.css" />
	<link rel="stylesheet" href="css/pdfh5/pdfh5.css" />
	<script src="js/pdfh5/pdf.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/pdfh5/pdf.worker.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/pdfh5/pdfh5.js" type="text/javascript" charset="utf-8"></script>
</body>

</html>