.clearfix:before,.clearfix:after {
	content: "";
	display: table
}

.clearfix:after {
	clear: both
}

.hide {
	display: none!important
}

.font-fix {
	overflow: hidden;
	word-break: break-all;
	white-space: nowrap;
	text-overflow: ellipsis
}

.fl-l {
	float: left
}

.column-three {
	width: 33.33%
}

.plr10 {
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box
}

html,body {
	min-height: 100%
}

body {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-drag: none;
	background-color: #f0f0f0;
	font-family: "Helvetica Neue",Helvetica,STHeiTi,sans-serif;
	font-size: 14px
}

#loading-panel {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #d5d5d5
}

.noscroll {
	position: fixed;
	left: 0;
	right: 0;
	overflow-y: scroll
}

.loading-wrapper {
	position: absolute;
	width: 188px;
	left: 50%;
	margin-left: -94px;
	top: 30%
}

.loading-circle {
	position: absolute;
	left: 0;
	top: 0;
	width: 188px;
	height: 188px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #666;
	animation: loading 1.4s linear infinite;
	-webkit-animation: loading 1.4s infinite linear;
	z-index: 999
}

.loading-circle::before {
	position: absolute;
	content: '';
	left: -4px;
	top: 50%;
	width: 6px;
	height: 6px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #666;
	background-color: #d5d5d5;
	z-index: 100
}

.loading-circle::after {
	position: absolute;
	content: '';
	right: -4px;
	top: 50%;
	width: 6px;
	height: 6px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #666;
	background-color: #d5d5d5;
	z-index: 100
}

.loading-wrapper .logo {
	display: block;
	width: 101px;
	height: 156px;
	margin: 20px auto 0;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMoAAAE4CAMAAAAtlpw8AAAAaVBMVEUAAAAzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzNyOEr/AAAAInRSTlMA7rszEFaZhwTnZhhiw6n4cjvw0wzhSoHZzUMg3U95siaQAA3I2AAABHNJREFUeNrs3euymjAUhuGlgoQNclA8bA9V1/1fZB2Lw0YDZCPpZOH3/kxj8JkqBcsAIYQQQgghhBBCCCE0SN+xMp0ZbN5cgfI9WYx5tzedme7fW4GmK0X24ltb85lvrXBiDshezGy2gaic+cYKITPHZC2+53e/j1U5890VtorK7FDCyGstikMuyy7Feyvs7itYiHs08YdYwQkKT4ZYwQ3KeogVrFEmnVUzV3m/FZZl5Qq2KOYzh1oBFFBAAQUUUEABBRRQQLESl81a6qAYrmCfYlAHxSBQPp4ybcmMMm0JezBQQAHlFiiggAIKKKCAAkpPit+SGcVvCWeRoIyHMm/JjDJvCXswUD6Qsmwal0fxm8alUZZ+47gsSpocGsclUYJsUzSPi6I4vy1QXNwWKC5uy2T5k6LuCk8ChdcxdZZdRVCYpxG1503SmQwKHy/UWsK882RQ+Nj6RjO+9R3JoHBCjakt3wtjJYLC86Ch+Zofhck1K9ynmHYeD2U5HspcAOWrpUXZ19dJCaCYzJGxBwMFFFBAAQUUUEABBRRQQAEFFFBAAWVwylSbSIo+UAiUYSgzbSIpI9qDgeIgZWEyRwTlGJnMkUA5R2Qwx/3/tz/OcyLqnOP+1RSHgjo7FCIuohKyLVBc3BYoLm7L1vLeYRbPw0mt+k1NxVDuFfGu5RoYURQilS35uX35Z8IoRJcV1ztSmTgKeQuulVGZPMqT5aioTCCFopCrTvRIIoU29ndfFeVMVku4bKqoygpl4ZHVDinfSwqqskFJA0WWm/OtSUw243CaRWS9WbpO4oIQQgghhBAaT7oH2bnxELyqdx5k58RD8H774MIT85ZMM3+t/Zh3+euvJz6ZZvxa+/GtP1QVffN9SJFhvV9rhVJ9KAp/zf9axQdFRhm+1n7cUrhpn9Xx2v9d+/vpT+GQugLlgz5g6+c37ezP052bT8dDYVAsU6qjq7FQmHf5aCjMf17PJ6RSePt6PiGVwpuX8wmxlLV6OZ+QSuFYcz4hlJLozyckUhoKN6OhcAiKexSRHzDdmMw9GCgGR9nxXiJFd5S9T1dKJOXlKDtfMm+FUnhbk0z4li+U8vMoO0u5PJ6TSXkcZRenBfOP4zmBlKbCzWgoHILiHkXkB0w3JnIPBgoooIACCiiggAIKKKCAAgoooIACCiiggAIKKKCAYptSCxRQQPmgrz0ooNikJLoxkZSFpxsTSEkDpRmTdz3Y/c5cmjF5V+mN6OJcUEAZlpKMhrLwRkJJA+XWjUd7UB7/Wrh2D9XfUZy+HSwooFinVIECCigf9LUHBRSblEQ3JpKi/+1KIKXptytplObfrqRRGgMFlMZAAQUUMgoUUD6C4s3i65r1HckoVyj38oR1XckopyhEl7OGkpNRjlGI4iU/tSOznKPQZcf1YjLLPQpF3/W/FEVm2aIk1D9v5cI3pTrbH+rBhAH1yZ3nyuX86NxzJXeeKxeUkkSR9NSKb4UxjaA9nuaHEEIIob8bBaNgFIyCUTAKRsEoGNoAAPBRAl2D8bYTAAAAAElFTkSuQmCC");
	background-repeat: no-repeat;
	background-size: 101px 156px
}

.loading-text {
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #444;
	margin-top: 40px;
	font-size: 12px
}

@-webkit-keyframes loading {
	0% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}