@import "base.less";
@import "view.less";
@import "loading.less";
@import "list.less";
@import "detail-item.less";
@import "detail-card.less";


.searchView {
	background-color: #061727;
}

.resource_list_item {

	>* {
		padding-left: 16px;
	}

	>*:last-child {
		padding-right: 16px !important;
	}
}


.typeList {
	// position: absolute;
	// z-index: 100;
	// width: 100%;
	// height: 100%;
	// left: 0;
	// top: 0;
	// background: rgba(0, 0,0,0.85);
	background-color: #061727;

	// &:after {
	// 	width: 100%;
	// 	height: 100%;
	// 	position: absolute;
	// 	background: rgba(0, 0,0,0.8);
	// 	-webkit-filter: blur(2px);
	// 	top: 0;
	// 	left: 0;
	// }
	

	div.item {
		border-bottom: rgba(255, 255, 255, 0.1) 1px solid;

		@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
			& {
				border:0;
				-webkit-box-shadow: inset 0 -1px 1px -1px #fff;
			}
		}

		a {
			display: block;
			height: 40px;
			line-height: 40px;
			padding: 0 16px;
			color: #fff;
		}
	}

	@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
		.div.item {
			border:0;
			-webkit-box-shadow: inset 0 -1px 1px -1px #404040;
		}
	}
}


.searchDetailView {
	position: relative;
	z-index: 99;

	.loading {
		position: absolute;
		width: 1.5em;
		height: 1.5em;
		padding: 2em;
		border-radius: 0.75em;
		background: rgba(0,0,0,0.6);
		top: 50%;
		left: 50%;
		margin-top: -2.75em;
		margin-left: -2.75em;
	}

	.resultNum {
		padding: 8px 16px;
		// background: #eee;
		font-size: 0.9em;
		color: #999;
		border-bottom: rgba(255,255,255,0.3) 1px solid;

		@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
			&{
				border:0;
				-webkit-box-shadow: inset 0 -1px 1px -1px #fff;
			}
		}
	}
}


.hotList {
	width: 95%;
	padding: 20px 0 0 5%;
	overflow: hidden;


	a {
		margin: 0 16px 0 0;
		color: #0079ff;
		line-height: 1.8em;
		font-size: 1.2em;
		white-space: nowrap;
	}
}


.searchView {
	// background: #eee;
}