/* grove-section -start */
.grove-section{
	padding:  7.14rem 0 2.86rem;
}
.grove-section .box{
	width: 100%;
	padding: 2.86rem;
	box-shadow: 0 3px 6px rgba(51,51,51,0.1);
	border-radius: .58rem;
	border: 1px solid #F0F0F0;
}
.grove-section .box .top{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.grove-section .box .top .title a{
	font-size: 2rem;
	font-weight: 500;
	text-decoration: underline;
}
.grove-section .box .top .tab{
	display: flex;
	align-items: center;
}
.grove-section .box .top .tab li{
	height: 3rem;
	line-height: 3rem;
	margin-left: 2.14rem;
	font-size: 1.42rem;
	color: var(--local-color);
	cursor: pointer;
}
.grove-section .box .top .tab li:first-child{
	margin-left: 0;
}
.grove-section .box .top .tab li.action{
	background: var(--blue-color);
	padding: 0 1rem;
	border-radius: .58rem;
	color: #FFFFFF;
}
.grove-section .box .h-line{
	margin: 1.42rem 0;
	width: 100%;
	height: 1px;
	background: #DDDDDD;
}
.grove-section .box .bot{
	width: 100%;
}
.grove-section .box .bot .outside{
	width: 100%;
	position: relative;
	display: none;
}
.grove-section .box .bot .outside:first-child,
.grove-section .box .bot .outside .inside:first-child{
	display: block;
}
.grove-section .box .bot .outside .inside{
	width: 100%;
	display: none;
}
.grove-section .box .bot .outside .inside .title{
	width: 100%;
	font-size: 1.14rem;
	color: #666666;
}
.grove-section .box .bot .outside .inside .title .name{
	font-size: 1.72rem;
	color: #333333;
}
.grove-section .box .bot .outside .inside .info{
	width: 100%;
	margin-top: 2.86rem;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.grove-section .box .bot .outside .inside .info .left{
	width: calc( 100% - 37.14rem);
	height: 52.92rem;
	border: 1px solid #DDDDDD;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.grove-section .box .bot .outside .inside .info .left .photoUrl{
	width: 90%;
	height: 90%;
}
.grove-section .box .bot .outside .inside .info .left .photoUrl img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.grove-section .box .bot .outside .inside .info .left .icon-1{
	position: absolute;
	bottom: 7.14rem;
	right: 7.14rem;
	padding: 4px 12px;
	background: rgba(0,0,0,0.39);
	border-radius: 18px;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	font-size: 1.28rem;
}
.grove-section .box .bot .outside .inside .info .left .icon-1 img{
	width: 20px;
	height: 20px;
	margin-right: 4px;
}
.grove-section .box .bot .outside .inside .info .right{
	width: 30.86rem;
	position: relative;
}
.grove-section .box .bot .outside .inside .info .right .title{
	width: 100%;
	height: 2.58rem;
	padding-left: 1.14rem;
	font-size: 2rem;
	font-weight: 500;
	border-left: 4px solid var(--blue-color);
}
.grove-section .box .bot .outside .inside .info .right .name{
	margin-top: 1.42rem;
	padding-left: 1.42rem;
	width: 100%;
	font-size: 1.14rem;
}
.grove-section .box .bot .outside .inside .info .right .name span{
	color: #666666;
}
.grove-section .box .bot .outside .inside .info .right .pricing{
	margin-top: 1.14rem;
	font-size: 1.14rem;
	padding-left: 1.42rem;
	color: #666666;
}
.grove-section .box .bot .outside .inside .info .right .price{
	margin-top: 1.14rem;
	font-size: 2.28rem;
	line-height: 3.36rem;
	padding-left: 1.42rem;
}
.grove-section .box .bot .outside .inside .info .right .list{
	margin-top: 1.42rem;
	width: 100%;
	background: rgba(255,255,255,0.39);
	border-radius: .58rem;
	box-shadow: 0 3px 6px rgba(51,51,51,0.1);
}
.grove-section .box .bot .outside .inside .info .right .list div{
	width: 100%;
	height: 4.28rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 1.14rem;
	padding: 0 1.72rem;
}
.grove-section .box .bot .outside .inside .info .right .list div:nth-child(odd){
	background: #F8F8F8;
}
.grove-section .box .bot .outside .inside .info .right .list div span:first-child{
	color: #666666;
}
.grove-section .box .bot .outside .point-img{
	position: absolute;
	top: 11.42rem;
	right: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.grove-section .box .bot .outside .point-img img{
	width: 2.58rem;
	height: 2.58rem;
	margin: 6px 0;
}
/* grove-section - end */


@media screen and (min-width: 350px) and (max-width: 1020px){
	.banner-section{
		display: none;
	}
	.grove-section{
		padding: 72px 0 16px;
	}
	.grove-section .box .top{
		flex-direction: column;
	}
	.grove-section .box .top .tab{
		margin-top: 1rem;
	}
	.grove-section .box .h-line{
		margin: 1rem 0;
	}
	.grove-section .box .top .title a{
		font-size: 1.43rem;
	}
	.grove-section .box .top .tab li{
		height: 1.5rem;
		line-height: 1.5rem;
		margin-left: 1rem;
		font-size: 0.86rem;
	}
	.grove-section .box .top .tab li.action{
		padding: 0 0.5rem;
		border-radius: 0.2rem;
	}
	.grove-section .box .bot .outside .inside .info{
		flex-direction: column;
	}
	.grove-section .box .bot .outside .inside .title .name{
		font-size: 1.14rem;
	}
	.grove-section .box .bot .outside .inside .info .left{
		width: 100%;
		height: 18.86rem;
	}
	.grove-section .box .bot .outside .inside .info .right{
		width: 100%;
		margin-top: 1rem;
	}
	.grove-section .box .bot .outside .inside .title{
		font-size: 1rem;
	}
	.grove-section .box .bot .outside .inside .info .right .title{
		height: 2rem;
		font-size: 1.43rem;
	}
	.grove-section .box .bot .outside .inside .info .right .name,
	.grove-section .box .bot .outside .inside .info .right .pricing{
		margin-top: 0.5rem;
		font-size: 0.86rem;
	}
	.grove-section .box .bot .outside .inside .info .right .price{
		font-size: 1.43rem;
		margin-top: 1rem;
		line-height: 1.6rem;
	}
	.grove-section .box .bot .outside .inside .info .right .list{
		margin-top: 2rem;
		border-radius: 0.5rem;
	}
	.grove-section .box .bot .outside .inside .info .right .list div{
		height: 3.14rem;
		font-size: 1rem;
		padding: 0 1rem;
	}
	.grove-section .box .bot .outside .point-img{
		top: 24rem;
	}
	.grove-section .box .bot .outside .point-img img{
		width: 1.71rem;
		height: 1.71rem;
		margin: 0.5rem;
	}

}