<!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>创知厚德知产在线</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-color:#2c3e50;
	}
	#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-button--primary{
    background-color:#2c3e50;
		color:#eee;
	}
	.el-tab-pane{
		background-color:#2c3e50;
	  color:#eee;
		margin:0px;
	}
	.el-tabs{
		background-color:#2c3e50;
	  color:#eee;
	}
	.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;
	}
</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-color:#2c3e50">
											  <div style="padding-top:15%;padding-bottom:70%;">
													<img src="http://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_2081537757546870201824105226870logowhite.png" style="width: 25%; height: 25%; margin-top: 8px;">
													<h3 style="color:#eee">智信云电子签约</h3>
												</div>
											  <div>
													<gsb-wxoauth  @logined="loginSuccess" type="default">点击进入电子签约</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="iwant"></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/vue/axios.min.js"></script>
  <script src="/js/h5.js"></script>
</body>
</html>
