@import url("common.css");

html,
body,
#map {
	height: 100%;
	width: 100%;
}

.truckmap {
	padding: 10px 40px;
	background-color: #69baef;
}

.layui-form-label {
	padding: 6px 15px;
	color:#fff;
}

.layui-input-block {
	min-height: auto;
}

.layui-form-select {
	width: 100px;
	display: inline-block;
	vertical-align: middle;
	border: none;
}

.layui-input,
.layui-select,
.layui-textarea {
	height: 32px;
}

.layui-input-between .layui-input {
	width: 80px;
	display: inline-block;
	vertical-align: middle;
}
.layui-input-between span{
	color:#fff;
}

.layui-btn {
	padding: 0 25px;
	line-height: 32px;
	height: 32px;
	margin-left: 20px;
}

.truck_map_mark--province {
	padding: 5px 10px;
	color: #fff;
	white-space: nowrap;
	border-radius: 4px;
	background-color: #ff6600;
}

.truck_map_mark_bubble {
	position: relative;
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	white-space: nowrap;
	border-radius: 4px;
	background-color: #ff6600;
}

.truck_map_mark_bubble:after {
	position: absolute;
	bottom: -19px;
	left: 50%;
	content: '';
	border: 10px solid transparent;
	border-top: 10px solid #ff6600;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.truck_map_mark_icon {
	width: 15px;
	height: 15px;
}

.truck_map_mark_icon:after {
	background-image: url("../images/common/truck-map-mark@2x.png");
}