@import "base.less";
@import "view.less";
@import "list.less";

#mapContainer {
	height: 100%;
	width: 100%;
	position: absolute;
}

#listContainer {

}


.around_list_item {

	padding: 7px 0;

	.icon {
		width: 100px;

		img {
			width: 100px;
			display: block;
		}
	}

	.info {
		.name {
			overflow: auto;
			white-space: pre-wrap;
			font-size: 1.1em;
			margin: 0 0 0.2em 0;
		}

		.price {
			position: relative;
			line-height: 20px;

			.current {
				font-size: 1.2em;
				color: @highlightColor;
			}

			.origin {
				color: @infoColor;
				text-decoration: line-through;
				font-size: 0.9em;
			}

			.distance {
				position: absolute;
				right: 10px;
				font-size: 0.9em;
				color: @infoColorWeak;
			}
		}

		.summary {
			color: @infoColor;
			font-size: 0.9em;
		}

		.category {
			margin-bottom: 0.2em;
		}
	}
}