.main-purchase {
	padding-top: 24px;
	padding-bottom: 78px;
}
/* row-purchase */
.row-purchase{

}
.row-purchase .g-tit02{
	margin-bottom: 28px;
}
.row-purchase .box{
	margin-bottom: 25px;
}
.row-purchase .box dt{
	margin-bottom: 20px;
	font-size: 24px;
	color: #262626;
}

/* row-purchase end */

/* m-buy-link */
.m-buy-link{
	padding-top: 40px;
	text-align: center;
	font-size: 0;
}
.m-buy-link .item{
	margin: 0 45px;
	display: inline-block;
}
.m-buy-link .icon{
	margin: 0 auto 24px;
	width: 320px
}
.m-buy-link .icon img{
	width: 100%;
	height: auto;
	display: block;
}
.m-buy-link h3{
	height: 1.5em;
	font-size: 16px;
	color: #333333;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* m-buy-link end */

/* m-map */

.hidden{
	display:none !important;
}

.mapbox_maptype_switch{
	display: flex;
}

.m-map .map-type-switch{
	width: auto;
	padding: 0 16px;
	border-right: 1px solid #ddd;
	border-top: 0 transparent;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

.stores-selector-loading{
	position: absolute;
	font-size: 20px;
	left: -30px;
	top: 18px;
	color: #666;
}

.stores-list-loading{
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	color: #666;
	font-size: 30px;
}
.stores-list-empty,
.stores-list-filter-empty{
	text-align: center;
	line-height: 80px;
	color: #666;
}
.store-infobox{
	width: 400px;
	background-color: #fff;
	font-size: 12px;
	line-height: 1.6;
}
.infoBox .store-infobox{
	position: relative;
	color: #4D4D4D;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
	padding: 10px 10px 15px;
	pointer-events: auto;
}
.infoBox .store-infobox:after {
	content: '';
	position: absolute;
	display: block;
	bottom: -8px;
	left: 50%;
	margin-left: -8px;
	border-top: solid 8px #fff;
	border-left: solid 8px transparent;
	border-right: solid 8px transparent;
}
.infoBox .store-infobox h3{
	font-size: 16px;
	padding-left: 30px;
	line-height: 30px;
	color: #000000;
	background: url(../images/purchase/location.svg) left 3px no-repeat;
	background-size: auto 24px;
}
.map.mapboxgl-map .mapboxgl-popup {
	max-width: none !important;
}

.m-map .top{
	position: relative;
	padding: 10px 0;
	display: flex;
}

.m-map .con{
	height: 513px;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
}
.m-map .map{
	margin-right: 13px;
	width: 55.555%;
	height: 100%;
}
/* g-search */
.g-search{
	/* margin-bottom: 40px; */
	padding: 13px 13px 10px;
	border-bottom: 1px solid #E6E6E6;
	overflow: hidden;
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
}
.g-search .icon{
	margin-left: 10px;
	width: 38px;
	font-size: 24px;
	text-align: center;
	background-size: contain;
	display: block;
	color: #666;
}
.g-search .search-input{
	flex: 1;
	width: 100%;
	padding: 0 21px;
	height: 50px;
	line-height: 50px;
	background: #F7F7F7;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	overflow: hidden;
	font-size: 14px;
	color: #333;
}
.g-search .search-icon {
	margin-left: 10px;
	width: 40px;
	height: 40px;
	background: url(../images/purchase/search-icon.svg) center center no-repeat;
	background-size: 90% auto;
	cursor: pointer;
}
/* g-search end */
.m-map .right{
	height: 100%;
	overflow: hidden;
	border: 1px solid #E6E6E6;
	position: relative;
	flex: 1;
	display: flex;
	flex-direction: column;
}
.m-map .scroll{
	flex: 1;
	overflow-x: hidden;
	overflow-y: auto;
}
.m-map .scroll::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}
.m-map .scroll::-webkit-scrollbar-track {
	background: transparent;
}
.m-map .scroll::-webkit-scrollbar-thumb {
	background: rgba(0,0,0,.4);
	border-radius: 6px;
}
.m-map .scroll::-webkit-scrollbar-thumb:hover{
	background: rgba(0,0,0,.5);
}

.m-map .txt{
	padding: 20px 15px 20px;
	cursor: pointer;
	position: relative;
}
.m-map .txt:hover,
.m-map .txt._active{
	background-color: #f7f8f9;
}

.m-map .txt::after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 14px;
	right: 21px;
	border-bottom: 1px solid #E6E6E6;
}
.m-map .txt h3{
	margin-bottom: 10px;
	font-size: 24px;
	color: #000000;
}
.m-map .txt .desc{
	font-size: 18px;
	color: #4D4D4D;
	line-height: 36px;
}
.m-map .txt .desc p{
	position: relative;
	padding-left: 36px;
}
.m-map .txt .icon{
	position: absolute;
	left: 0;
	top: 0;
	width: 28px;
	height: 36px;
	text-align: center;
	margin-right: 10px;
	color: #666;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}
.m-map .txt .icon::before{
	content: "";
}
.m-map .txt .fa-tty{
	background-image: url(../images/purchase/fa-tty.svg);
	background-size: 90% auto;
}
.m-map .txt .fa-map-marker{
	background-image: url(../images/purchase/fa-map-marker.svg);
	background-size: 90% auto;
}
.m-map .txt .fa-phone{
	background-image: url(../images/purchase/fa-phone.svg);
	background-size: 110% auto;
}
/* .m-map .txt .phone{
	display: inline-block;
	font-size: 34px;
	color: #0C3551;
} */
.m-map .txt .tip{
	font-size: 16px;
	color: #777777;
}
.m-map .txt .s4{
	line-height: 32px;
}
.m-map .txt .s4 img{
	top: 16px;
}
.g-select{
	margin-right: 10px;
	width: 220px;
	position: relative;
}
.g-select select{
	width: 100%;
	height: 40px;
	line-height: 38px;
	font-size: 14px;
	padding: 0 10px;
	color: #333;
	display: block;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border: 1px solid #ccc;
	overflow: hidden;
	background: transparent;
	z-index: 2;
	position: relative;
}
.g-select:after{
	content: "\f107";
	height: 20px;
	line-height: 20px;
	margin-top: -10px;
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	font-family:'FontAwesome';
	font-size: 18px;
	color: #333;
	text-align: center;
	z-index: 1;
}

@media (max-width:1600px) {

    .row-purchase .box dt{
        font-size: 22px;
    }
	.m-buy-link{
		padding-top: 20px;
	}
	.m-buy-link .item{
		margin: 0 20px;
	}
	.m-buy-link .icon{
		width: 280px;
	}
	.m-buy-link h3{
		font-size: 14px;
	}
	.m-map .con{
		height: 440px;
	}
	.g-search .search-input{
		height: 40px;
		line-height: 40px;
	}
	.m-map .txt h3{
		font-size: 22px;
	}
	.m-map .txt .desc{
		font-size: 16px;
	}
	/* .m-map .txt .phone{
		font-size: 30px;
	} */
	.m-map .txt .tip{
		font-size: 14px;
	}
	.m-map-pop h3{
		font-size: 20px;
	}
	.m-map-pop .desc{
		font-size: 16px;
	}
	.m-map-pop{
		padding: 30px;
		width: 400px;
		height: 200px;
	}
}

@media (max-width:1400px) {
	.g-search{
		/* margin-bottom: 20px; */
	}
	.m-map .scroll{
		top: 64px;
	}
	.m-map .txt h3{
		margin-bottom: 20px;
	}
	.m-map .con{
		height: 400px;
	}
}

@media (max-width:1200px) {

}

@media (max-width:991px) {
	.row-purchase .box dt{
		margin-bottom: 10px;
		font-size: 16px;
	}
	.m-map-pop{
		padding: 30px;
		width: 300px;
		height: auto;
	}
	.m-map-pop h3{
		font-size: 16px;
		background-size: 16px auto;
	}
	.m-map-pop:after{
		border-width: 15px 15px 0 15px;
	}
	.m-map-pop .desc{
		font-size: 14px;
		line-height: 1.5;
	}
	.m-map .con{
		height: auto;
	}
	.m-map .map{
		margin-bottom: 15px;
		margin-right: 0;
		width: 100%;
		height: 300px;
		float: none;
	}
	.m-map .right{
		padding-bottom: 20px;
		height: 400px;
	}
	.main-purchase{
		padding-top: 15px;
		padding-bottom: 30px;
	}
	.m-buy-link .item{
		margin: 0 10px;
	}
	.m-buy-link .icon{
		width: 220px;
	}
	.m-map .txt .desc{
		font-size: 14px;
	}
	/* .m-map .txt .phone{
		font-size: 24px;
	} */
	.m-map .txt img{
		width: 20px;
		top: 15px;
	}
	.m-map .txt .desc{
		line-height: 30px;
	}
}

@media (max-width:767px) {

	.m-buy-link .item{
		margin-bottom: 20px;
	}
	.row-purchase .box{
		margin-bottom: 15px;
	}
	.m-map .top{
		margin: 0 -5px;
	}
	.g-select{
		padding: 0 5px;
		width: 100%;
		margin-bottom: 10px;
		margin-right: 0;
	}
	.g-select:after{
		right: 15px;
	}
	.g-search .search-icon{
		width: 30px;
		margin-left: 5px;
	}
	.m-buy-link .icon{
		width: 150px;
	}
	.m-map .txt h3{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.g-search .submit{
		background-size: 60% auto;
	}
	.g-select select{
		font-size: 12px;
	}
}

@media (max-width:640px) {

}

@media (max-width:460px) {
	.m-map-pop{
		padding: 15px 15px;
		width: 230px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
}
	.m-map-pop h3{
		font-size: 14px;
	}
	.m-map-pop .desc{
		font-size: 12px;
	}
	.m-map-pop:after{
		border-width: 10px 5px 0 5px;
		right: 10px;
	}
}

@media all and (orientation: landscape) {

}

@media all and (orientation: portrait) {

}