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

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=0.8, maximum-scale=0.8, user-scalable=1" ">
<title>创知厚德知产在线</title>
<link rel=" stylesheet" href="/css/fontface-timely.css">
	<link rel="stylesheet" href="/css/cropper.css">
	<link rel="stylesheet" href="/css/ele/chalk.css">
	<link rel="stylesheet" href="/css/main.css">
	<link rel="stylesheet" href="/css/lbs.css">
	<link rel="stylesheet" href="/css/fontawesome/css/font-awesome.min.css">
	<link rel="stylesheet" href="/css/fontawesome/css/toolicon-style.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 src="/js/wx/wxjsapi.js"></script>
	<script type="text/javascript"
		src="https://api.map.baidu.com/api?v=2.0&ak=ew0cpBOLauTZ5muFQ7gc9e1egYgckvMU&s=1"></script>
	<script type="text/javascript" src="https://api.map.baidu.com/library/Heatmap/2.0/src/Heatmap_min.js"></script>

	<style>
		#loading {
			background-color: #e1e1e1;
			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);
			}
		}

		@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);
			}
		}

		.top-button-text {
			/* color:white; */
		}
	</style>
</head>

<body>
	<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">
		<el-container>
			<el-header ref="inmain" style="background-color:white;border-bottom:1px solid #e1e1e1"
				:style="{'height':header_h+'px'}">
				<el-row style="margin-left:20px;" v-if="hastop">
					<el-col :span="16" style="text-align:left;">
						<el-button type="text top-button-text" @click="toMain">首页</el-button>
						<!-- <el-button type="text top-button-text" @click="tmSubmit" >商标注册</el-button> -->
						<!-- <el-button type="text top-button-text" @click="myOrder" >我的订单</el-button>
							<el-button type="text top-button-text" @click="myTm" >我的商标</el-button> -->
						<!-- <el-dropdown @command="handleCommand">
								<span class="el-button--text">
									提报中心<i class="el-icon-arrow-down el-icon--right"></i>
								</span>
								<el-dropdown-menu slot="dropdown">
									<el-dropdown-item command="tmSubmitInfo">商标注册</el-dropdown-item>
									<el-dropdown-item command="softwarecrsubmit">软件版权注册</el-dropdown-item>
									<el-dropdown-item command="workcrsubmit">作品版权注册</el-dropdown-item>
								</el-dropdown-menu>
							</el-dropdown> -->
						<el-dropdown @command="handleCommand">
							<span class="el-button--text">
								个人中心<i class="el-icon-arrow-down el-icon--right"></i>
							</span>
							<el-dropdown-menu slot="dropdown">
								<el-dropdown-item command="order">我的订单
								</el-dropdown-item>
								<el-dropdown-item command="tm">我的商标</el-dropdown-item>
								<el-dropdown-item command="mySoftwarecrsubmit">我的软件版权
								</el-dropdown-item>
								<el-dropdown-item command="myWorkcrsubmit">我的作品版权
								</el-dropdown-item>
							</el-dropdown-menu>
						</el-dropdown>
					</el-col>
					<el-col :span="4" style="text-align:left;">
					</el-col>
				</el-row>
			</el-header>
			<el-container v-loading="loading" element-loading-text="拼命加载中,请耐心等待">
				<el-main id="scollmain" ref="workbench"
					style="text-align:center;padding-top:0;padding-left:0px;padding-right:0px;height: 100% !important;position: relative;width:100%;overflow:auto;">
					<transition name="slide-fade">
						<router-view style="padding:0 0 0 0 ;height:100%;"></router-view>
					</transition>
				</el-main>
			</el-container>
		</el-container>
		<gsb-payselect ref="payselect"></gsb-payselect>
		<!-- <gsb-socketclient ref="socketclient" @onlinechange="onlinechange"></gsb-socketclient> -->
	</div>
	<script src="/js/vue/jquery.min.js"></script>
	<script src="/js/cropper/index.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/automaticsubmit.js"></script>
	<script src="/js/echarts/echarts.min.js"></script>
	<script src="/js/echarts/china.js"></script>
</body>

</html>