* {
	margin: 0;
	padding: 0;
}

/* 侧边导航 */
/* .main-header{
	position: fixed;
	top: 0px;
} */

.popup {
	display: none;
	/* background-image: linear-gradient(to right top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.7)); */
	position: fixed;
	left: 50%;
	top: 55%;
	transform: translate(-50%, -50%);
	z-index: 999;
	width: 80%;
	height: 80%;
	/* backdrop-filter: blur(10px); */
}

.pop_img {
	width: 100%;
	height: 100%;
}

.closea {
	position: absolute;
	z-index: 999;
	top: 20px;
	right: 30px;
}
.popup {
	position: fixed;
	left: 50%;
	top: 55%;
	transform: translate(-50%, -50%);
	z-index: 999;
	width: 60%;
	height: auto;
}
.popup {
	animation: pop 1s;
}



.pop_img{
	width: 100%;
	height: auto;
}

@keyframes pop {
	0% {
		/* transform: translate(200px, 0px); */
		margin-top: -500px;
	}

	100% {
		/* transform: translate(0px); */
		margin: 0px;
	}
}

/* 遮罩层 */
.shade {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 101;
	width: 800px;
	padding-bottom: 100px;
	background: #FFFFFF;
	border-radius: 7px;
	display: none;
}

.delete {
	position: absolute;
	right: 31px;
	top: 31px;
	width: 22px;
	height: 22px;
}

.add_provice {
	padding-left: 10px;
	font-size: 20px;
	font-family: SourceHanSansCN;
	font-weight: bold;
	color: #343434;
	line-height: 30px;
	border-left: 5px solid #008d4f;
}

.add_cont {
	margin: 10px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.city {
	padding: 0px 10px;
	font-size: 17px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	color: #343434;
	line-height: 26px;
}

.towns {
	margin: 50px 30px 0px 30px;
}

.right_nav {
	position: fixed;
	z-index: 999;
	display: flex;
	flex-direction: column;
	right: 20px;
	top: 400px;
	width: 72px;
	height: 273px;
	background: #FFFFFF;
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
	border-radius: 45px;
}

.right_nav .cre {
	flex: 1;
}

.nav_tit {
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.nav_tit:nth-child(2)::after {
	/* border-bottom: 1px solid #E5E5E5; */
	content: " ";
	width: 52px;
	height: 0;
	border-bottom: 2px #E5E5E5 solid;
	position: absolute;
	top: 90px;
}

.activbg {
	border-radius: 45px 45px 0px 0px;
	background-color: #00A179;
}

.activbg .activname {
	color: #FFFFFF;
}

.nav_image {
	margin-bottom: 6px;
	width: 23px;
	height: 22px;
}

.nav_name {
	font-size: 13px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	color: #008d4f;
	line-height: 20px;
}

/* 首页  banner*/
.firsts {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #008d4f;
}

/* 轮播 */
/* .imgCon {
	position: absolute;
	width: 100%;
	height: 100%;
}

.imgCon img{
	width: 100%;
	height: 100%;
} */


/* .firsts .imgList {
	width: 100%;
	display: flex;
	flex-direction: row;
} */
.coverImg {
	width: 100%;
	position: relative;
}

.fir_img {
	width: 100%;
	height: auto;
}

.fog {
	position: absolute;
	opacity: 0.5;
	right: 0;
	bottom: 60%;
	width: 50%;
}

.second {
	display: flex;
	width: 100%;
	height: 100%;
	/*padding: 200px;*/
	background-color: #008d4f;
	background: url('/skins/img/index/logos.png') center center no-repeat #008d4f;
}


/* 第二页 介绍 */
.se_conts {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
}
.videoBox{
    display: flex;
	align-items: flex-end;
	justify-content: space-between;
	flex-direction: row;
}

.se_video .video {
	width: 100%;
	height: 349px;
}

.se_desc {
	margin-left: 20px;
	width: 60%;
}

.se_desc .se_tit {
	font-size: 53px;
	font-family: SourceHanSansCN;
	color: #FFFFFF;
	line-height: 69px;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
}

.se_desc .se_ltit {
	margin-top: 52px;
	margin-bottom: 30px;
	font-size: 19px;
	font-family: SourceHanSansCN;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 28px;
	letter-spacing: 3px;
}

.se_desc .se_cont {
	font-size: 16px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 36px;
}

/* 第三页  优势 */
.advant {
	display: flex;
	width: 100%;
	height: 100%;
	background-image: url('/skins/img/index/thirdbag.png');
	background-size: cover;
	background-repeat: no-repeat;
}


.advant_cont {
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: space-between;
}

.thi_left {}

.thi_left .adva {
	padding-bottom: 33px;
	display: flex;
	flex-direction: row;
}

.adva .adva_tit {
	display: flex;
	flex-direction: row;

}

.adv_icon {
	margin-right: 13px;
	width: 29px;
	height: 27px;
}

.adv_sign {
	margin-top: 10px;
	margin-right: 20px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #FFFFFF;
}



.adva_desc {
	display: flex;
	flex-direction: column;
}

.adv_tit {
	font-size: 21px;
	font-family: SourceHanSansCN;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 32px;
}

.adva_desc {
	font-size: 17px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 26px;
}

.thi_right {
	position: relative;
}

.circle_bot {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 531px;
	height: 531px;
	border-radius: 50%;
	background-color: #5CB59F;
}

.circle_cent {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 253px;
	height: 253px;
	background: #008d4f;
	box-shadow: 0px 0px 31px 0px rgba(0, 78, 59, 0.6);
	border-radius: 50%;
}


.circle_top {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 161px;
	height: 161px;
	background: #55C3A8;
	border-radius: 50%;
}

.circle_top .cir_text {
	width: 85px;
	height: 79px;
}


.thi_art {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.art_img {
	width: 29px;
	height: 27px;
}

.atr_text {
	font-size: 20px;
	font-family: SourceHanSansCN;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 30px;
}

.cirle_text {
	width: 80%;
	position: absolute;
	top: 30px;
	left: 60px;
}

.cirle_cont {
	margin-top: 50px;
	margin-bottom: 110px;
	display: flex;
	justify-content: space-between;
}

.cir {
	margin-bottom: 80px;
}

/* 掌柜优质食材 */
.foots {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}

.foot_bg {
	position: absolute;
	z-index: 1;
	bottom: 0px;
	right: 0px;
	width: 321px;
	height: 395px;
}

.foot_cont {
	position: sticky;
	z-index: 2;

}

.foot_tit {
	margin: 143px 30px 80px 30px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.foots_tit {
	margin: 143px 0px 80px 0px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.foot_left {
	display: flex;
	align-items: center;
	flex-direction: row;
}

.foot_img {
	margin-right: 10px;
	width: 294px;
	height: 39px;
}

.foo_back {
	width: 15px;
	height: 31px;
}


.foot_eimg {
	width: 306px;
	height: 16px;
}

.foot_content {
	display: flex;
	align-items: center;
	flex-direction: row;
}

.foot_check {
	margin-bottom: 42px;
	width: 15px;
	height: 26px;
}

.foot {
	flex: 1;
	margin: 0px 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: row;
}


.foot_menu {
	margin: 10px 0px;
	display: flex;
	align-items: center;
	flex-direction: column;
}


.menu_img {
	width: 250px;
	/* height: 202px; */
}

.menu_tit {
	margin-top: 10px;
	font-size: 19px;
	font-family: PingFang SC;
	font-weight: 600;
	color: #343434;
	line-height: 27px;
}

.foot_desc {
	margin-top: 67px;
	text-align: center;
	font-size: 16px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #343434;
	line-height: 22px;
}

/* 掌柜下饭菜 */
.greens {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #FFFFFF;
}

.greens_bg {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 358px;
	height: 347px;
}

.green_cont {
	position: sticky;
	z-index: 2;
}

.greens_tit {
	margin: 143px 30px 80px 30px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

/* 加盟合作 */
.address {
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.address .container {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.address_tit {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.address_left {
	display: flex;
	flex-direction: row;
	margin-right: 10px;
}

.address_img {
	width: 293px;
	height: 39px;
}

.address_back {
	width: 15px;
	height: 31px;
}

.address_eimg {
	width: 287px;
	height: 16px;
}

.menus {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.add {
	position: relative;
}

.maps {
	position: absolute;
	top: 60px;
	right: 50px;
	width: 632px;
	height: 488px;
	z-index: -1;
}

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

.content {
	width: 100%;
	position: absolute;
	z-index: 100;
}

.con_prov {
	/* margin-top: 120px; */
	display: flex;
	/* 	justify-content: space-between; */
	flex-direction: row;
}

.con_prov .con_city {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	margin-right: 40px;
	background-color: #F5F5F5;
	border-radius: 3px;
	font-size: 19px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	color: #808080;
	cursor: pointer;
	line-height: 28px;
}

.con_prov .active {
	color: #ffffff;
	background-color: #008d4f;
}

/* 展示授权区域 */

.content .con_card {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
	margin-top: 70px;
	width: 683px;
	height: 305px;
	background-size: cover;
	background-image: url('/skins/img/league/areabg.png');
}

.cont_prov {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	width: 195px;
	height: 119px;
	border-radius: 50%;
	background: #F3F3F3;
}

.cont_prov .cont_area {
	font-size: 33px;
	font-family: SourceHanSansCN;
	font-weight: bold;
	color: #008d4f;
	line-height: 50px;
}

.cont_prov .cont_earea {
	font-size: 16px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	color: #989898;
	line-height: 24px;
}

.region {
	margin-top: 10px;
	width: 263px;
}

.reg_tit {
	text-align: center;
	padding-bottom: 20px;
	font-size: 27px;
	font-family: SourceHanSansCN;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 40px;
	border-bottom: 2px solid #ffffff;
}

.region .reg_a {
	margin-top: 27px;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	font-size: 17px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 26px;
}

.reg_a .rea {
	box-sizing: border-box;
	padding: 0px 10px 20px 10px;
}

/* 新闻列表 */
.news {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ffffff;
}

.news_tit {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}


.news_left {
	display: flex;
	flex-direction: row;
}

.news_img {
	width: 293px;
	height: 39px;
}

.news_eimg {
	width: 329px;
	height: 16px;
}

.news_list {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
}

.list_cont {
	display: flex;
	flex-direction: column;
	margin-bottom: 100px;
	width: 344px;
	shape-outside: 450px;
	background-color: #F7F7F7;
}

.list_img {
	margin: auto;
	height: 223px;
	border-bottom: 8px solid #008d4f;
	/* border-radius: 20px 20px 0px 0px; */
}

.list_tit {
	margin: 20px;
	font-size: 17px;
	font-family: SourceHanSansCN;
	font-weight: 500;
	color: #000000;
	line-height: 28px;
}

.list_desc {
	margin: 0 20px;
	width: 300px;
	display: -webkit-box;
	/* 设置或检索伸缩盒对象的子元素的排列方式 。 */
	-webkit-box-orient: vertical;
	/*  用来限制在一个块元素显示的文本的行数 */
	-webkit-line-clamp: 4;
	overflow: hidden;
	font-size: 13px;
	font-family: SourceHanSansCN;
	font-weight: 500;
	color: #7F7F7F;
	line-height: 23px;
}

.list_time {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 20px;
}

.list_time .list_ti {
	font-size: 13px;
	font-family: DINAlternate;
	font-weight: bold;
	color: #7F7F7F;
	line-height: 16px;

}

.list_time .check {
	width: 22px;
	height: 6px;
}

.footer {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}