@import "reset.less";
@import "element.less";

// view背景颜色
@backgroundColor: #eee;

// 高亮颜色
@highlightColor: #ffc000;

// title text color
@titleColor: rgba(0, 0, 0, 0.8);

// 内容段落文字颜色
@contentTextColor: rgba(0, 0, 0, 0.6);

// info text color
@infoTextColor: rgba(0, 0, 0, 0.4);

// 次要信息文字颜色
//@infoColorWeak: rgba(0, 0, 0, 0.6);

// a:hover&active color
@linkTextColor: #ffcc00;

@lineColor: rgba(255, 255, 255, 0.2);

@lineColorRetina: rgba(255, 255, 255, 0.2);

// a:active bg color
@linkActiveBgColor: rgba(0, 0, 0, 0.2);

@panelBackgroundColor: rgba(0, 0, 0, 0.5);

// disable selection/copy of WebView
* {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

body {
	-webkit-overflow-scrolling: touch;
    -webkit-user-drag: none;
    font-size: 0.95em;
}

ul {margin: 0; padding: 0;}
li {list-style: none;}

a {
	color: @linkTextColor;
	text-decoration: none;
	// 移除超链接的高亮状态
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
// 清除浮动
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
}

#banner_test {
	width: 100%;
	height: 50px;
	background: rgba(255, 255, 255, 0.2);
	display: block;
}

.gdth_popup_wrap {
	overflow: hidden;
}

.touch-link:active {
	width: 100%;
	background: @linkActiveBgColor;
}

.table {display: table; width: 100%;}
.cell {display: table-cell;}

// 所有条目加载完成显示的圆点
.allItemsLoaded {
	margin: 10px auto;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: @linkTextColor;
	clear: left;
}

.loading-bottom {
	clear: left;
	text-align: center;

	.x-loading {
		margin: 10px auto;
	}
	
	.x-loading-spinner {
		font-size: 150%;
	}
}

.loader{
	height: 50px;
	position: relative;
}

.pageView {
	width: 100%;
	position: relative;
	// background-color: @backgroundColor;
	.message {
		padding: 40px 10% 0;
		margin-top: 20%;
		text-align: center;
		color: @infoTextColor;
		background: url('img/error.png?v=3') top center no-repeat;
		background-size: 37px auto;
		font-size: 0.9em;
	}

	.search {
		height: 29px;
		border-bottom: #ccc 1px solid;
		padding: 10px;
		position: relative;
		z-index: 101;
		margin-top: -50px;
		background: #fff;

		input {
			width: 94%;
			height: 29px;
			line-height: 29px;
			background: rgba(0, 0, 0, 0.2);
			color: #fff;
			border-width: 0;
			border-radius: 5px;
			padding: 0 3%;
		}
	}
}

.panel {
	background: @panelBackgroundColor;
	width: 100%;
	position: absolute;
	left: 0;
	top: -1000px;
	z-index: 999;
	-webkit-box-shadow: 0 1px 1px -1px #666;

	dl {
		line-height: 1.8em;
		margin: 1em;
		font-size: 1em;
	}

	dt {
		display: inline-block;
		margin: 0 1em 0 0;
		color: @panelBackgroundColor;
		width: 45px;
		height: 23px;
		text-align: center;
		background: #fff;
		border-radius: 3px;
		opacity: 0.7;
		line-height: 23px;
	}

	dd {
		display: inline-block;
		margin: 0 1em 0 0;
	}

	a {
		display: block;
		height: 1.8em;
		color: #fff;

		&.selected {
			color: rgba(255, 255, 255, 0.7);
		}
	}
}

.loading-page {
	position: absolute;
	padding: 1.5em;
	border-radius: 0.75em;
	background: rgba(0,0,0,0.75);
	top: 50%;
	left: 50%;
	margin-top: -2.5em;
	margin-left: -2.5em;
	z-index: 100;
}
.touch-invisible a{
	pointer-events: none;
}