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

// view背景颜色
@backgroundColor: rgb(255, 255, 255);

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

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

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

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

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

// a color
@linkColor: rgba(255, 153, 0, 1);

// a:hover color
@linkActiveColor: #ff9900;

// border color
@lineColor: rgba(0, 0, 0, 0.2);

// border color for retina
@lineColorRetina: rgba(0, 0, 0, 0.4);

// 播放按钮背景颜色
@playButtonBackgroundColor: rgba(187, 2, 2, 0.7);
@playButtonBackgroundColorActived: rgba(187, 2, 2, 0.5);

@panelBackgroundColor: rgba(204, 0, 0, 0.8);

// 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;
    background-color: @backgroundColor;
}

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

// 清除浮动
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
}

a {
	color: @titleColor;
	text-decoration: none;
	// 移除超链接的高亮状态
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}


.gdth_popup_wrap {
	overflow: hidden;
}

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

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

// 所有条目加载完成显示的圆点
.allItemsLoaded {
	margin: 10px auto;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: @linkActiveColor;
	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 {
	overflow: hidden;
	width: 100%;
	min-height: 100%;
	position: relative;
	// background-color: @backgroundColor;

	.message {
		padding: 40px 10% 0;
		margin-top: 20%;
		text-align: center;
		color: @infoColorWeak;
		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: @highlightColor;
		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;
}