html {
    overflow: hidden;
}

body {
    margin: 0;
}

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

.welcome {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url('../img/bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
}

.welcome .content {
    height: 340px;
    width: 890px;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #72a7d2;
    background-color: rgba(0, 0, 0, .15);
    border-radius: 10px;
    position: relative;
    z-index: 4;
    text-align: center;
}

.search {
    width: 90%;
    margin: 0 auto;
}

.search .search-control {
    height: 50px;
    line-height: 50px;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #fff;
}

.search .search-control span {
    color: #fff;
    font-size: 18px;
    display: inline-block;
    text-align: center;
    width: 200px;
    cursor: pointer;
    position: relative;
}

.search .search-control span.active {
    font-weight: 700;
}

.search .search-control span.active:before {
    content: '';
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    height: 0;
    width: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #fff;
}

.search .search-container {
    margin-top: 10px;
    display: flex;
}

.search .search-container .pick-city {
    height: 45px;
    background-color: #fff;
    font-size: 18px;
    border-radius: 5px;
    margin-right: 5px;
    padding: 0 20px;
    outline: 0;
    flex: 1;
}

.search .search-container .pick-road {
    height: 45px;
    border-radius: 5px;
    font-size: 18px;
    margin-right: 5px;
    padding: 0 20px;
    outline: 0;
    flex: 1;
}

.search .search-container input {
    flex: 1;
    border-radius: 5px;
    font-size: 18px;
    padding: 0 20px;
    outline: 0;
    border: none;
    height: 45px;
}

.search .search-container button {
    width: 100px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    background-color: #20a0ff;
    border: none;
    border-radius: 5px;
    margin-left: 5px;
    cursor: pointer;
    height: 45px;
}

.search .search-container #search:hover {
    background-color: #63bdff;
}

.search .search-container.keyword {
    display: none;
    position: relative;
}

.search-list {
    position: absolute;
    left: 0;
    right: 105px;
    top: 50px;
    background-color: #fff;
    padding: 10px;
    box-sizing: border-box;
    text-align: left;
    z-index: 5;
    height: 300px;
    overflow-y: scroll;
    display: none;
}

.search-list ul li {
    color: #333;
    padding: 5px;
    font-size: 16px;
    width: 100%;
    cursor: pointer;
}

.search-list ul li i {
    padding-right: 10px;
    color: red;
}

.search-list ul li:hover {
    background-color: #eee;
}

.search-list ul li p {
    margin-bottom: 0;
    margin-top: 5px;
    font-size: 12px;
    color: #999;
}

.tech-support {
    width: 50%;
    text-align: center;
    position: fixed;
    left: 50%;
    right: 0;
    bottom: 20px;
    font-size: 14px;
    z-index: 4;
    margin-left: -25%;
}

.tech-support a {
    color: #fff;
    text-decoration: none;
}

.tech-support p {
    color: #fff;
}

.tech-support p a {
    color: red;
}

#bmap {
    position: fixed!important;
    left: 0!important;
    right: 0!important;
    top: 0!important;
    bottom: 0!important;
    z-index: 1!important;
}

.bg2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 2;
}

.innerSearch {
	position: absolute;
	z-index: 2;
	left: 20px;
	top: 200px;
	border: 1px solid #d1dbe5;
	background-color: #fff;
	width: 585px;
	height: 120px;
	box-sizing: border-box;
}

.innerSearch .search-control {
	height: 41px;
	line-height: 42px;
	border-bottom: 1px solid #d1dbe5;
	background-color: #eef1f6;
}

.innerSearch .search-control span {
	width: 220px;
	display: inline-block;
	text-align: center;
	transition: all .3s ease;
	cursor: pointer;
	font-size: 18px;
	border-left: 1px solid #eef1f6;
	border-right: 1px solid #eef1f6;
	color: #8391a5;
	margin-left: -1px;
}

.innerSearch .search-control span:hover {
	color: #1f2d3d;
}

.innerSearch .search-control span.active {
	color: #20a0ff;
	background-color: #fff;
	border-color: #d1dbe5;
}

.innerSearch .search-control span.active:hover {
	color: #20a0ff;
}

.innerSearch .search-container {
	height: 75px;
	padding: 15px;
	box-sizing: border-box;
	display: flex;
	position: relative;
	display: none;
}

.innerSearch .search-container select {
	flex: 1;
	margin-left: -1px;
	padding: 0 10px;
	outline: 0;
	font-size: 16px;
}

.innerSearch .search-container input {
	flex: 1;
	margin-left: -1px;
	outline: 0;
	padding: 0 10px;
	font-size: 16px;
}

.innerSearch .search-container button {
	width: 65px;
	outline: 0;
	margin-left: 15px;
	background-color: #20a0ff;
	color: #fff;
	border: none;
	border-radius: 5px;
	font-size: 16px;
	cursor: pointer;
}

.innerSearch .search-list {
	left: 15px;
	right: 95px;
	top: 65px;
	border: 1px solid #d1dbe5;
}

.innerSearch .keyword:after{
	content: attr(data-nums);
	position: absolute;
	right: 105px;
	top: 27px;
	z-index: 2;
	color: #999;
}

.BMap_bubble_content h4{
	font-size: 14px;
	background: #3385ff;
	color: #fff;
	height: 30px;
	line-height: 30px;
	margin: 7px;
	padding-left: 3px;
}
.BMap_bubble_content p{
	line-height: 24px;
	margin: 3px 7px;
	padding-left: 3px;
}

.example {
	position: fixed;
	z-index: 2;
	right: 20px;
	top: 200px;
	border: 1px solid #d1dbe5;
	background-color: #fff;
	width: 250px;
	box-sizing: border-box;
}

.example header {
	height: 42px;
	line-height: 42px;
	border-bottom: 1px solid #d1dbe5;
	background-color: #eef1f6;
	padding: 0 15px;
}

.example ul li {
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	padding-left: 15px;
	display: flex;
	align-items: center;
}

.example ul li span {
	display: block;
	width: 20px;
	height: 20px;
	margin-right: 5px;
}

.example ul li:first-child span {
	background-color: #fe99dd;
    //#67bcc4;
}

.example ul li:nth-child(2) span {
	// background-color: #85c061;
	background-color: #FF8800;
}

.example ul li:last-child span {
	background-color: #0000ff;
}