.amap-logo {
	display: none !important;
}
.amap-copyright {
	display: none !important;
}
#container {
	width: 100%;
	height: 100%;
}
.fun-btn {
	width: 1rem;
	height: 1rem;
}
.view-btn {
	position: fixed;
	top: 0.4rem;
	left: 0.3rem;
	z-index: 100;
	background: url('../imgs/tour/view_off.png') no-repeat;
	background-size: contain;
}
.view-btn.on {
	background: url('../imgs/tour/view_on.png') no-repeat;
	background-size: contain;
}
.fun-list {
	position: fixed;
	top: 1.6rem;
	left: 0.3rem;
	z-index: 100;
}
.fun-list .fun-btn {
	margin-bottom: 0.1rem;
}
.fun-list .fun-btn:last-child {
	margin-bottom: 0;
}

.fun-list .scenic {
	background: url('../imgs/tour/jingqu_off.png') no-repeat;
	background-size: contain;
}
.fun-list .scenic.active {
	background: url('../imgs/tour/jingqu_on.png') no-repeat;
	background-size: contain;
}
.fun-list .hotel {
	background: url('../imgs/tour/hotel_off.png') no-repeat;
	background-size: contain;
}
.fun-list .hotel.active {
	background: url('../imgs/tour/hotel_on.png') no-repeat;
	background-size: contain;
}
.fun-list .rural {
	background: url('../imgs/tour/rural_off.png') no-repeat;
	background-size: contain;
}
.fun-list .rural.active {
	background: url('../imgs/tour/rural_on.png') no-repeat;
	background-size: contain;
}
.fun-list .former {
	background: url('../imgs/tour/former_off.png') no-repeat;
	background-size: contain;
}
.fun-list .former.active {
	background: url('../imgs/tour/former_on.png') no-repeat;
	background-size: contain;
}
.fun-list .park {
	background: url('../imgs/tour/park_off.png') no-repeat;
	background-size: contain;
}
.fun-list .park.active {
	background: url('../imgs/tour/park_on.png') no-repeat;
	background-size: contain;
}
.fun-list .itinerary {
	background: url('../imgs/tour/itinerary_off.png') no-repeat;
	background-size: contain;
	position: relative;
}
.fun-list .itinerary.on {
	background: url('../imgs/tour/itinerary_on.png') no-repeat;
	background-size: contain;
}
.fun-list .itinerary.on .itinerary-list {
	display: block;
}
.fun-list .itinerary .itinerary-list {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0.9rem;
	display: none;
}
.fun-list .itinerary .itinerary-list .itinerary-item {
	width: 5rem;
	height: 0.68rem;
	line-height: 0.68rem;
	background-color: #ffffff;
	box-shadow: 0px 1px 3px 0px rgba(7, 18, 24, 0.5);
	border-radius: 0.08rem;
	margin-bottom: 0.16rem;
	text-align: center;
	font-size: 0.24rem;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #3d4b5d;
	position: relative;
}
.fun-list .itinerary .itinerary-list .itinerary-item .icon-more {
	width: 0.32rem;
	height: 0.32rem;
	background: url('../imgs/tour/more.png') no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	right: 0.1rem;
	transform: translateY(-50%);
}
.fun-list .itinerary .itinerary-list .itinerary-item:last-child {
	margin-bottom: 0;
}
.fun-list .traffic {
	background: url('../imgs/tour/traffic_off.png') no-repeat;
	background-size: contain;
}
.fun-list .traffic.active {
	background: url('../imgs/tour/traffic_on.png') no-repeat;
	background-size: contain;
}
.fun-list .hotel {
	background: url('../imgs/tour/hotel_off.png') no-repeat;
	background-size: contain;
}
.fun-list .hotel.active {
	background: url('../imgs/tour/hotel_on.png') no-repeat;
	background-size: contain;
}
.poi .iconall {
	width: 32px;
	height: 32px;
	z-index: 999;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.poi .current {
	background-image: url(../imgs/tour/marker-default.png);
}

.poi .toilet {
	background-image: url(../imgs/tour/toilet.png);
}

.poi .parking {
	background-image: url(../imgs/tour/parking.png);
}

.poi .scenic {
	background-image: url(../imgs/tour/poi_scenic.png);
}
.poi .culture {
	background-image: url(../imgs/tour/poi_culture.png);
}
.poi .hotel {
	background-image: url(../imgs/tour/poi_hotel.png);
}
.poi .rural {
	background-image: url(../imgs/tour/poi_rural.png);
}
.poi .former {
	background-image: url(../imgs/tour/poi_former.png);
}
.poi .park {
	background-image: url(../imgs/tour/poi_park.png);
}
.poi .traffic {
	background-image: url(../imgs/tour/poi_traffic.png);
}
.poi .poiName {
	display: block;
	position: absolute;
	top: 36px;
	left: 50%;
	transform: translateX(-50%);
	padding: 0 0.2rem;
	white-space: nowrap;
	font-size: 12px;
	/* font-family: ""; */
	height: 0.4rem;
	line-height: 0.4rem;
	color: #87c3ec;
	background-color: #ffffff;
	border-radius: 0.5rem;
	opacity: 0.8;
	box-shadow: 0 0 0.1rem rgba(156, 156, 156, 0.2);
}
.mask {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	display: none;
}
.mask .pop-content {
	width: 5.6rem;
	height: 5.2rem;
	background-color: #ffffff;
	border-radius: 0.1rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 0.2rem 0.2rem 0.3rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
.mask .pop-content .icon-close {
	width: 0.48rem;
	height: 0.48rem;
	background: url('../imgs/tour/close.png') no-repeat;
	background-size: contain;
	position: absolute;
	bottom: -0.78rem;
	left: 50%;
	transform: translateX(-50%);
}
.mask .pop-content .pop-name {
	font-size: 0.32rem;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
}
.mask .pop-content .pop-level {
	font-size: 0.28rem;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #666666;
	display: none;
}
.mask .pop-content .pop-pic {
	width: 100%;
	height: 2.9rem;
	background-color: #eeeeee;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 0.1rem;
}
.mask .pop-content .pop-funs {
	width: 100%;
	height: 0.64rem;
	background-color: #87c3ec;
	border-radius: 0.1rem;
	display: flex;
	text-align: center;
	font-size: 0.24rem;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	line-height: 0.64rem;
}
.mask .pop-content .pop-funs .pop-detail-url {
	flex: 1;
	width: 0;
}
.mask .pop-content .pop-funs .pop-nav {
	width: 1.8rem;
	height: 100%;
	background-color: #7e9ce3;
	border-radius: 0px 0.1rem 0.1rem 0px;
}

.fun-btn {
	width: 0.8rem;
	height: 0.8rem;
	background-size: contain;
	border-radius: 0.2rem;
}

.fun-btn img {
	max-width: 100%;
	max-height: 100%;
}

.mask .pop-content .pop-funs {
	background: none;
	border-radius: 0.16rem;
	overflow: hidden;
}

.pop-detail-url {
	background-color: #3a5cac;
}

.mask-close {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
}

.user-point {
	position: fixed;
	bottom: 2rem;
	left: 0.2rem;
	background: #fff;
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 0.6rem;
	padding: 0.08rem;
}

/* 线路推荐弹窗 */
.route-dialog {
	width: 6.8rem;
	position: fixed;
	z-index: 101;
	bottom: -7.4rem;
	left: 50%;
	margin-left: -3.4rem;
	transition: all 0.3s;
}

.route-dialog__content {
	display: flex;
	flex-direction: column;
	visibility: hidden;
	background: #fff;
	height: 8.8rem;
	border-radius: 0.4rem 0.4rem 0 0;
	box-shadow: 0 -0.1rem 0.2rem rgba(160, 160, 160, 0.3);
	transition: all 0.2s;
}

.route-header {
	display: flex;
	align-items: center;
	font-size: 0.28rem;
	padding: 0.3rem 0.4rem;
	justify-content: space-between;
}

.route-header img {
	width: 0.3rem;
	height: 0.3rem;
}

.route-content {
	flex: 1;
	overflow: auto;
}

.route-content .route-content__item {
	display: flex;
	align-items: center;
	padding: 0.2rem 0.4rem;
	border-bottom: 1px solid #f5f5f5;
}

.route-content .route-content__item:nth-of-type(1) {
	border: none;
}

.route-content__item__cover {
	width: 1.3rem;
	height: 1.3rem;
	border-radius: 0.2rem;
	overflow: hidden;
}

.route-content__item__cover img {
	width: 100%;
	height: 100%;
}

.route-content__item__text {
	flex: 1;
	color: #3a5cac;
	margin: 0 0.3rem;
}

.route-content__item__text h1 {
	font-size: 0.3rem;
}
.route-content__item__text p {
	font-size: 0.24rem;
}

.route-content__item__btn {
	width: 0.98rem;
	height: 1.13rem;
	background: url('/images/map/line_icon.png') no-repeat;
	background-size: 100%;
	background-position: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 0.24rem;
}
.route-content__item__btn p {
	line-height: 1.2;
}

.route-detail {
	padding: 0.4rem;
}

.route-detail__content {
	display: flex;
}

.route-detail__content .cover {
	width: 1.28rem;
	height: 1.28rem;
	border-radius: 0.3rem;
	margin-right: 0.4rem;
	overflow: hidden;
	flex-shrink: 0;
}
.route-detail__content .cover img {
	width: 100%;
	height: 100%;
}

.route-detail__content .text {
	color: #3a5cac;
}

.route-detail__content .text .info {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: calc(0.4rem * 2);
}

.route-detail__content .text .title {
	font-size: 0.3rem;
	margin-top: 0.1rem;
}
.route-detail__content .text .heart {
	width: 0.2rem;
	height: 0.2rem;
	display: inline-block;
	margin-right: 0.05rem;
}

.info__title {
	color: #3a5cac;
	margin-top: 0.2rem;
}

.route-detail__stepbox {
	position: relative;
	overflow-x: auto;
	scrollbar-width: none;
	/* firefox */
	-ms-overflow-style: none;
	/* IE 10+ */
}

.route-detail__stepbox::-webkit-scrollbar {
	display: none;
	/* Chrome Safari */
}
.route-detail__step {
	white-space: nowrap;
	margin-top: 0.4rem;
}

.route-detail__step > li {
	position: relative;
	display: inline-flex;
	width: 2rem;
}

.route-detail__step .route-detail__step--box {
	position: relative;
}

.route-detail__step > li p {
	max-width: 1.5rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	color: #3a5cac;
	margin-top: 0.18rem;
}

.route-detail__stepbox > .line {
	position: absolute;
	height: 0.09rem;
	width: 8.8rem;
	left: 0.3rem;
	background: url('/images/map/line_bg_48×9.png');
	bottom: 0.36rem;
	background-position: left center;
	background-size: 0.48rem 0.09rem;
}

.route-detail__step > li:last-of-type > .line {
	display: none;
}

.route-detail__step__icon {
	position: absolute;
	width: 0.2rem;
	height: 0.32rem;
	bottom: 0.6rem;
	left: 50%;
	transform: translateX(-50%);
}

.recommend {
	position: fixed;
	right: 0.1rem;
	top: 0.2rem;
	background: #fff;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 10px rgba(160, 160, 160, 0.3);
	padding: 0.1rem;
}

.recommend .icon {
	width: 0.4rem;
	height: 0.4rem;
}

.route-point {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: #3a5cac;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

html,
body {
	width: 100%;
	height: 100%;
	margin: 0;
}

/* 点聚合样式 */
.cluster .cluster-count {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.6rem;
	height: 0.6rem;
	text-align: center;
	border-radius: 0.6rem;
	background: #fff;
	color: #3a5cac;
	font-weight: bold;
	border: 0.04rem solid #3a5cac;
	margin-bottom: 0.06rem;
}
.cluster .cluster-count::after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-top: 0.08rem solid #3a5cac;
	border-left: 0.08rem solid transparent;
	border-right: 0.08rem solid transparent;
	bottom: -0.1rem;
}
.cluster .cluster-name {
	position: absolute;
	background: #ffffff;
	height: 0.5rem;
	line-height: 0.5rem;
	border-radius: 0.5rem;
	white-space: nowrap;
	padding: 0 0.2rem;
	color: #3a5cac;
	transform: translateX(-30%);
	box-shadow: 0 0 0.1rem rgba(156, 156, 156, 0.4);
}

.amap-markers {
	z-index: 999 !important;
}
.map__tool {
	position: fixed;
	top: 1rem;
	left: 0.26rem;
	width: 1.22rem;
	height: 7.49rem;
	padding: 1.28rem 0 0.7rem 0.1rem;
	background: url('/images/map/menu_bg.png') no-repeat;
	background-size: 100%;
	background-position: center;
	color: #fff;
	z-index: 9;
}

.map__tool--home {
	position: absolute;
	width: 1rem;
	height: 1.22rem;
	top: 0;
	left: 0;
}
.map__tool--arrows {
	width: 0.25rem;
	height: 0.14rem;
	margin: 0.1rem auto;
}

.map__tool--text {
	font-size: 0.18rem;
	margin-top: -0.1remuser-point;
	text-align: center;
}

.map__tool--content {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 4rem;
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
	overflow-y: auto;
}
.map__tool--content::-webkit-scrollbar {
	display: none; /* Chrome Safari */
}

.map__tool--content__icon {
	width: 0.57rem;
	height: 0.83rem;
	margin-bottom: 0.16rem;
}

.map__location--icon {
	position: fixed;
	width: 0.83rem;
	height: 0.86rem;
	bottom: 1rem;
	left: 0.4rem;
}

.map__recommend {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -1rem;
	left: 50%;
	opacity: 0.8;
	transform: translateX(-0.75rem);
	width: 1.49rem;
	height: 1.71rem;
	background: url('/images/map/line_icon.png') no-repeat;
	background-size: 100%;
	background-position: center;
	color: #fff;
	z-index: 102;
}

.map__recommend-icon {
	width: 0.94rem;
	height: 0.65rem;
}

.map__switch {
	position: fixed;
	top: 1rem;
	right: 0.2rem;
	width: 0.99rem;
	height: 1.14rem;
	z-index: 9;
}

.map__marker {
	position: relative;
	width: 1.13rem;
	height: 0.64rem;
	background-size: 100%;
	background-position: center;
}

.map__marker--name {
	position: absolute;
	border-bottom: 2px solid yellow;
	font-size: 0.22rem;
	font-weight: bold;
	white-space: nowrap;
	bottom: 100%;
	left: 0.78rem;
	-webkit-text-stroke: 4px #fff;
}
[data-content]::before {
	content: attr(data-content);
	position: absolute;
	-webkit-text-stroke: 0;
}

#panel {
	position: fixed;
	background-color: white;
	max-height: 90%;
	overflow-y: auto;
	top: 10px;
	right: 10px;
	width: 50vw;
	z-index: 100;
}
#panel .amap-call {
	background-color: #009cf9;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	display: none;
}
#panel .amap-lib-walking {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	overflow: hidden;
}
#panel .amap-close {
	color: #ffffff;
	padding: 5px;
	background-color: #009cf9;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}