.index-box {
	position: relative;
	font-size: 16px;
	color: #333;
	background-color: #fff;
}

/* 顶部 */
.top-bar {
	width: 100%;
	height: 46px;
	display: flex;
	justify-content: center;
	background-color: #333;
	color: #fff;
}

.top-bar .top-link {
	font-size: 14px;
	height: 100%;
	width: 1200px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.top-bar .top-link .top-link-l a span {
	color: #fff;
}

.top-bar .top-link .top-link-r {
	display: flex;
	align-items: center;
}

.top-bar .top-link .top-link-r .jubao {
	color: #f60;
	margin-right: 20px;
}

.top-bar .top-link .top-link-r .app-down {
	background-color: #f60;
	border-radius: 20px;
	color: #fff;
	border: none;
	padding: 4px 8px;
}

.top-bar .top-link .top-link-r .city {
	cursor: pointer;
	color: #f60;
	margin-right: 20px;
}

/* banner */
.banner {
	height: auto;
}

.banner img {
	width: 100%;
	height: 100%;
}

.city {
	position: absolute;
	top: 76px;
	right: 19%;
	padding: 6px 18px;
	border-radius: 50px;
	background-color: #fff;
	cursor: pointer;
}

.city img {
	width: 8px;
	height: 5px;
	margin: 0 0 2px 8px;
}

.container {
	width: 1200px;
	margin: 30px auto;
}

.content-L {
	width: 770px;
}

.content-R {
	width: 406px;
}

/* canvas */
.map-box {
	display: flex;
	padding: 0 14px;
	margin: 14px auto 0;
	height: 700px;
	background: linear-gradient(
		135.6deg,
		#ffeeefff 0%,
		#fff7f8ff 49%,
		#ffeeefff 100%
	);
	border-radius: 11px;
	margin-bottom: 24px;
}

.tooltip {
	position: relative;
	display: inline-block;
	margin: 10px;
	padding: 0 20px 0 0;
	z-index: 99999;
}

.tooltip .tooltiptext {
	color: #ff6868;
	padding: 10px 0;
	border-radius: 6px;
	text-align: center;
	display: flex;
	align-items: center;
	font-weight: 700;
  font-size: 20px;
}

.tooltip .tooltiptext span {
	margin-left: -10px;
}

.tooltipCircle {
	width: 18px;
	height: 18px;
  margin-top: -22px;
	border-radius: 50%;
	background: linear-gradient(134deg, #ffc24dff 0%, #ffffff00 100%);
}

.tooltipDate {
	color: #ff6868;
	margin: 0px 0px 0px 10px;
  font-size: 18px;
}

.tooltipAddress {
	color: #ff6868;
	margin: 10px 0px 0px 10px;
  font-size: 18px;
}

.box-select {
  line-height: 0;
}

.box-select-wrap {
  margin-right: 20px;
	color: #999999;
}

.select-wrap-shanghua {
	border: none;
	outline: none;
	color: #ff6868;
	font-size: 16px;
	background: transparent;
}

.paddingLeft {
	padding-left: 20px;
	border-left: 1px solid #d9d9d9;
	width: 280px;
}

/* 右侧内容 */
.more-con {
  color: #FF6868;
  line-height: 0;
}

.more-con img {
  width: 7px;
  height: 14px;
  margin-left: 6px;
}

.tuijian-list {
  overflow-y: auto;
  margin-top: 18px;
  padding: 20px;
  border-radius: 11px;
  border: 1px solid #f2f2f2;
  box-sizing: border-box;
}

.tuijian-list .head {
  font-size: 18px;
  font-weight: 700;
}

.tuijian-list .list {
  margin-top: 22px;
}

.tuijian-list .list .list-item {
  padding: 16px 20px;
  border-radius: 11px;
  background: #f8f8f8;
  cursor: pointer;
}

.tuijian-list .list .list-item:hover {
  background-color: #FFF6F7;
}

.tuijian-list .list .list-item:nth-of-type(n+2) {
  margin-top: 20px;
}

.tuijian-list .list .list-item .name {
  color: #ff6868;
  font-size: 18px;
}

.tuijian-list .list .list-item ul {
  margin-top: 18px;
}

.tuijian-list .list .list-item ul li:nth-of-type(n+2) {
  margin-top: 10px;
}

.tuijian-list .list .list-item ul li {
  display: flex;
}

.tuijian-list .list .list-item ul li .left {
  min-width: fit-content;
  color: #999;
}