.storePcon {
	background: url(../img/storebg.jpg) no-repeat;
	background-size: 100% 100%;
	height: 980px;
}

.storeTitle {
	line-height: 29px;
	font-size: 30px;
	padding: 79px 0 36px;
	color: #fff;
	text-align: center;
}

.choseCity {
	min-width: 250px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	background: rgba(229, 27, 47, 1);
	border-radius: 3px;
	margin: 0 auto;
}

.hotcityboxout {
	justify-content: center;
	display: flex;
	margin-top: 38px;
	margin-bottom: 50px;
}

.hotcitybox {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
}

.hotcitytxt {
	margin-right: 7px;
	line-height: 36px;
}

.hotcity {
	padding: 8px 20px;
	background: rgba(255, 255, 255, 0.15);
	font-size: 14px;
	margin-right: 10px;
	border: none;
	outline:none;
	border-radius: 20px;
	color: #fff;
}

.mapBox {
	display: flex;
}

.showStoreList {
	width: 330px;
	height: 608px;
}

.storeList {
	height: 548px;
	background: rgba(31, 31, 31, 1);
	overflow-y:scroll;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.storeList::-webkit-scrollbar {
	width: 10px; /*滚动条宽度*/
	height: 16px; /*滚动条高度*/
  }
  
  /*定义滚动条轨道 内阴影+圆角*/
  .storeList::-webkit-scrollbar-track {
	border-radius: 10px; /*滚动条的背景区域的圆角*/
	background-color: #191919; /*滚动条的背景颜色*/
  }
  
  /*定义滑块 内阴影+圆角*/
  .storeList::-webkit-scrollbar-thumb {
	border-radius: 10px; /*滚动条的圆角*/
	background-color: #3D3B3B; /*滚动条的背景颜色*/
  }
.SSLtitle {
	font-size: 16px;
	color: #fff;
	display: flex;
	line-height: 60px;
	background: rgb(15, 15, 15);
}

.posiCon {
	margin: 0 7px;
}

.storeList>li {

	font-size: 14px;
	color: rgba(255, 255, 255, 0.5);
}

.storeList>li:last-child {
	border-bottom: none;
}

.storename {
	margin-left: 29px;
	margin-right: 29px;
	margin-top: 20px;
	font-size: 16px;
	line-height: 16px;
	color: #fff;
}

.storeaddress {
	margin-left: 29px;
    margin-right: 29px;
    margin-top: 10px;
    margin-bottom: 9px;
    line-height: 18px;
    font-size: 14px;
}
.storephone{
	margin-left: 29px;
	margin-right: 29px;
	line-height: 14px;
	font-size: 14px;
	margin-bottom: 22px;
}
.book {
	margin-left: 29px;
	margin-right: 29px;
	width: 100px;
	line-height: 32px;
	font-size: 16px;
	background: rgba(229, 27, 47, 1);
	border-radius: 3px;
	color: #fff;
	border: none;
	margin-bottom: 24px;
}

.storeline{
	height: 1px;
	background: rgba(191, 191, 191, 0.15);
}



.choseCityBox {
	position: relative;
	width: 430px;
	margin: 0 auto;
}

.showChoseList {
	display: none;
    min-height: 100px;
    max-height: 400px;
	overflow-y:scroll;
	width: fit-content;
	min-width: 245px;
	max-width: 430px;
	position: absolute;
	left: 90px;
	top: 60px;
	box-sizing: border-box;
	background: rgba(60, 60, 60, 1);
	border-radius: 3px;
	box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.6);
	padding: 16px 10px 16px 19px;
	z-index: 20;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.showChoseList::-webkit-scrollbar {
	width: 4px; /*滚动条宽度*/
	height: 16px; /*滚动条高度*/
  }
  
  /*定义滚动条轨道 内阴影+圆角*/
  .showChoseList::-webkit-scrollbar-track {
	border-radius: 10px; /*滚动条的背景区域的圆角*/
	background-color: #000000; /*滚动条的背景颜色*/
  }
  
  /*定义滑块 内阴影+圆角*/
  .showChoseList::-webkit-scrollbar-thumb {
	border-radius: 10px; /*滚动条的圆角*/
	background-color: rgba(255, 255, 255, 0.5); /*滚动条的背景颜色*/
  }
.clear{
	display: flex;
	flex-wrap: wrap;
	flex-grow: 1;
}


.item {
	display: flex;
	font-size: 14px;
}

.pin {
	margin-right: 6px;
	line-height: 30px;
	width: 14px;
}

.cityLayout{
	display: flex;
	justify-items: center;
	align-items: center;
	height: 30px;
}
.cityItem {
	padding: 0 8px;
	margin-right: 2px;
	margin-left: 2px;
	line-height: 22px;
	cursor: pointer;
	color: #ffffff;
}

.cityItem:hover {
	background: rgba(229, 27, 47, 1);
}