/*
Theme Name:
Version: 1.0
Description: Anhui Lingju Digital, as a core partner of Google China, owns the only Google Overseas Experience Center in Anhui Province, providing one-stop services for localized foreign trade enterprises in Anhui to go overseas - website construction, Google SEO optimization, Google bidding, Google SNS social media marketing, etc.
Author: Copyright: Anhui Lingju
*/

@charset "utf-8";


:root {
	/* Global Color */
	--i_color: #BF1B1D;

	/* Secondary color */
	--i_color2:#2F2F2F;

	/* bg color */
	--i_color3:#F9F9F9;

	/* Head height */
	--header_height: .8rem;

	/* Default Border Color */
	--border_color: rgba(0, 0, 0, .1);
}
@media screen and (max-width:1024px) {
	:root {
		--header_height: .6rem;
	}
}
@media screen and (max-width:768px) {
	:root {
		--border_color: rgba(0, 0, 0, .06)
	}
}

.hide{display:none !important}

.wrap {
	width: 73vw;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width:1600px) {
	.wrap {
		width: 94vw;
	}
}

.wrap2{
	width: 94vw;
	margin-left: auto;
	margin-right: auto;
}




.map_box{width: 100%; height: 100vh; display:-webkit-flex; display:flex; flex-wrap:nowrap;}

#map{width: 100%;height: 100%;}

.map_list{flex-shrink: 0; width: 100%; max-width: 360px;box-sizing: border-box;padding: 0 .3rem}

.common_btn{width: 100%;box-sizing: border-box; padding: .3rem 0; display:-webkit-flex; display:flex; flex-wrap:wrap;flex-direction: column;gap: .1rem 0;}
.common_btn li{-webkit-border-radius:2rem; border-radius:2rem;box-sizing: border-box;border: 1px solid #CCC;cursor: pointer; overflow: hidden;}
.common_btn li p{padding: .08rem .2rem; font-size: 15px;}
.common_btn li.on{background: var(--i_color);border-color: var(--i_color);}
.common_btn li.on p{color: #FFF;}

#store-list{width: 100%;box-sizing: border-box; overflow-y: auto;display:-webkit-flex; display:flex;flex-direction: column;gap: .2rem 0;}
#store-list::-webkit-scrollbar{width:3px;}
#store-list li{width: 100%; cursor: pointer;}
#store-list li p{font-size: 0.17rem;font-weight: bold;}
#store-list li span{display: block;margin: 2px 0; font-size: 14px;color: #666;}
#store-list li .name::before{content: '公司:';}
#store-list li .add::before{content: '地址:';}
#store-list li .tel::before{content: '电话:';}
#store-list li .email::before{content: '邮箱:';}
#store-list li .website::before{content: '网站:';}
#store-list li span::before{margin-right: 0.04rem; font-weight: bold;color: #333;}
#store-list li span a:hover{color: var(--i_color);}
#store-list li i{display: block;font-size: 13px;color: #999;height: 0.2rem;}
#store-list li.active p{color: var(--i_color);}


@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.map_box{flex-wrap: wrap;height: auto;}

	#map{width:100%; height: 0; padding-bottom: 500px; position: relative; overflow:hidden}

	.map_list{max-width: initial;flex-grow: initial;}

	#store-list{height: auto;margin-bottom: 0.4rem;}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}








.mapReserve{position: fixed; top: 0; left: 0; width: 100%;height: 100%; background: rgb(0 0 0 / 80%); z-index:999999999999;}

.mapReserve_close{position: absolute;top: 0.2rem;right: 0.2rem;width: 0.4rem;height: 0.4rem; cursor: pointer; transition:all .5s ease;}
.mapReserve_close:hover{transform:rotate(360deg);}
.mapReserve_close iconify-icon{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size: 0.44rem;color: var(--i_color);}

.mapReserve .cont{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width: 94%; max-width: 10rem; box-sizing: border-box; padding: .5rem .1rem; text-align: center; background: rgb(255 255 255 / 100%); border-radius:6px;}

.mapReserve .cont h3{font-size: 0.3rem;font-weight: bold;}

.mapReserve .formBox{max-height: 55vh; overflow-y: auto;}

.mapReserve .formBox::-webkit-scrollbar{width:3px;}

@media screen and (max-width:1024px) {
	.mapReserve .cont h3{font-size: 24px;}

	.mapReserve .formBox{max-height: 60vh;}
}
@media screen and (max-width:768px) {
	.mapReserve .cont{padding: 40px 10px;}
}
@media screen and (max-width:560px) {
	.mapReserve_close{top: 10px; right: 10px; width: 30px;height: 30px;}
	.mapReserve_close iconify-icon{font-size: 36px;}

	.mapReserve .cont{padding: 30px 10px;}

	.mapReserve .cont h3{font-size: 18px;}
}