.store_box {
	max-width: 1608px;
	width: 83.75%;
	margin: 0 auto 0.8rem;
}

.store_box_con {
	display: flex;
}

.bg-box {
	width: 61.56%;
	overflow: hidden;
	height: 90vh;
	max-height: 900px;
	background: #F6F6F6;
}

.info-box {
	width: 38.44%;
	overflow: hidden;
	height: 90vh;
	max-height: 900px;
	background: rgba(0,0,0,0.8);
}

.info-box .title {
	font-size: 0.32rem;
	color: #F6F6F6;
	text-align: center;
	margin: 0.6rem 0 0.3rem;
}

.info-box .select {
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: flex-end;
}

.info-box ul {
	width: 90%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	max-height: calc(90vh - 3rem);
	overflow: auto;
	margin: 1rem auto 5%;
}
.storeclose{
	position: absolute;
	right: 0.12rem;
	top: 0.12rem;
	width: 0.5rem;
	max-width: 33px;
	display: none;
}
.info-box ul li {
	list-style: none;
	position: relative;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 2%;
}

.info-box ul li .info {
	display: flex;
	flex-direction: column;
	padding: 0.2rem;
	font-size: 0.14rem;
	color: #333333;
	background: #fff;
	border-radius: 3px;
	height: 100%;
	box-sizing: border-box;
}

.info-box ul li .info .name {
	font-size: 0.2rem;
	margin-bottom: 0.1rem;
}

.info-box ul li .info .name::after {
	content: "";
	display: block;
	width: 0.17rem;
	height: 2px;
	background: #D71F1D;
	transition: all 0.1s;
	margin: 0.08rem 0;
}

.info-box ul .info:hover * {
	color: #fff;
}

.info-box ul .info:hover {
	background: #D71F1D;
}

.info-box ul .info:hover .name::after {
	background: #fff;
}

.info-box ul li:nth-child(2n) {
	margin-right: 0;
}

.select select {
	box-sizing: border-box;
	padding: 0.07rem 0.1rem;
	font-size: 0.18rem;
}

.job_box {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.job_item {
	border: 1px solid #D1D1D1;
	border-radius: 3px;
	padding: 0.2rem 0.28rem;
	margin-bottom: 0.15rem;
	cursor: pointer;
}

.job_title {
	font-size: 0.2rem;
}

.job_des_tel,
.job_adress {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	font-size: 14px;
}

.job_item .item_left {
	width: 40%;
}

.job_item .item_right {
	width: 55%
}

.job_des_tel {
	color: #989898;
	margin: 0.07rem 0;
}

.job_content {
	margin-top: 0.3rem;
	padding: 0 0.25rem;
}

.job_content_tit {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.18rem;
}

.job_content_tit img {
	width: 14px;
	height: 14px;
	transform: rotate(0);
	transition: transform 0.3s;
}

.job_item.active .job_content_tit img {
	transform: rotate(90deg);
}

.job_content_con {
	margin-top: 0.25rem;
	display: flex;
	justify-content: space-between;
	display: none;
}

.job_con_item {
	width: 48%
}

.job_con_item .tit {
	font-size: 0.16rem;
	color: #58585A;
}

.job_con {
	margin-top: 0.15rem;
	font-size: 0.15rem;
	color: #999999;
	line-height: 1.86;
}

@media only screen and (max-width: 850px) {
	.info-box ul li {
		width: 100%;
		margin-right: 0;
	}
}

@media only screen and (max-width: 750px) {
	.storeclose{
		display: block;
	}
	.bg-box{
		width: 100%;
		background: #FFFFFF;
	}
	.info-box{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 50vh;
		display: none;
	}
	.store_box{
		width: 100%;
	}
	.info-box ul li{
		width: 49%;
		margin-right: 2%;
	}
	.info-box ul{
		margin-top: 0.5rem;
		max-height: calc(50vh - 2.7rem);
	}
	.info-box ul li .info{
		font-size: 0.24rem;
	}
	.info-box ul li .info .name {
		font-size: 0.34rem;
	}
	.info-box ul li .info .name::after{
		width: 0.28rem;
		margin: 0.15rem 0;
	}
	.job_des_tel, .job_adress{
		flex-wrap: wrap;
	}
	.job_item .item_left,.job_item .item_right,.job_con_item{
		width: 100%;
	}
	.job_box{
		padding: 0 0.3rem;
		box-sizing: border-box;
	}
	.job_title{
		font-size: 0.36rem;
		font-weight: bold;
	}
	.job_des_tel, .job_adress{
		font-size: 0.24rem;
		line-height: 1.6;
	}
	.job_des_tel{
		margin: 0.15rem 0 0;
		color: #333333;
	}
	.job_content_tit{
		font-size: 0.28rem;
		font-weight: bold;
	}
	.job_content{
		padding: 0 0.1rem;
	}
	.job_con_item{
		margin-top: 0.5rem;
	}
	.job_item{
		margin-bottom: 0.24rem;
	}
	.job_con_item:first-child{
		margin-top: 0;
	}
	.job_con_item .tit{
		font-size: 0.3rem;
		color: #999999;
		font-weight: bold;
	}
	.job_con{
		font-size: 0.28rem;
		color: #333333;
	}
}