@charset "utf-8";
/* CSS Document */

html,body{font-family: Helvetica, "Helvetica Neue", Gotham, Arial, "sans-serif"; padding: 0; margin: 0; width:100%; color: #333; min-height:100%; }
body{background-color: #F8F8F8;}

html {
font-size: 62.5%
}

body.body-style{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: 100%;
	background-color: transparent;
}

@media only screen and (min-width: 481px) {
html {
font-size:94%!important
}
}

@media only screen and (min-width: 561px) {
html {
font-size:109%!important
}
}

@media only screen and (min-width: 641px) {
html {
font-size:125%!important
}

}
ul,li{list-style: none; padding: 0; margin: 0;}
p,div,li,span{font-size: 1.4rem; font-weight: normal;}
a{font-size: 1.4rem; text-decoration: none; cursor:pointer;}
h1,h2,p,a,img{margin:0; padding: 0;}
img{border: 0;}
input{
	-webkit-appearance:none;
	outline:none;
}
input[type=button]{
	-webkit-appearance:none;
	outline:none;
}
.fr{
	float: right;
}
.fl{
	float: left;
}

#wrap{
	width: 100%;
	position: relative;
}

.header{
	height: 5rem;
	width: 100%;
	position: fixed;
	background-color: #fff;
	top: 0;
	left: 0;
	z-index: 10023;
	border-bottom: 0.1rem solid #f5f5f5;
}

.header.search-top{
	height: 11rem;
	width: 100%;
	position: fixed;
	background-color: #fff;
	top: 0;
	left: 0;
}
.header.search-top .yingye-set{
	float: right;
	margin: 1rem 2rem 0 0;
}
.header.search-top .yingye-set a{
	display: block;
	width: 4rem;
	height: 2.2rem;
	border-radius: 2rem;
	background-color: #cccccc;
	float: right;
	margin-left: 1rem;
	position: relative;
}
.header.search-top .yingye-set a i{
	width: 2rem;
	height: 2rem;
	border-radius: 2rem;
	position: absolute;
	top: 0.1rem;
	left: 0.1rem;
	background-color: #fff;
	box-shadow: 0.2rem 0.2rem 0.5rem rgba(0,0,0,.2);
	transition: transform 0.2s ease;
}
.header.search-top .yingye-set a.on{
	background-color: #296343;
}
.header.search-top .yingye-set a.on i{
	left: auto;
	right: 0.1rem;
}
.header .logo{
	padding: 0.5rem 0 0 2rem;
	float: left;
}
.header .logo img{
	width: auto;
	height: 4rem;
}
.header .page-title,.header-order-de .page-title{
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	line-height: 5rem;
	width: 88%;
}
.header-order-de{
	height: 5rem;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10023;
	border-bottom: 0.1rem solid #f5f5f5;
}
.header-order-de .back{
	width: 3rem;
	height: 3rem;
	float: left;
	margin: 1rem 0 0 1.5rem;
	display: block;
	background: url("../images/user/home/arrow_1x.png") center center no-repeat;
	background-size: 2rem;
}
.header .login-a{
	float: right;
	line-height: 3rem;
	font-size: 1.5rem;
	color: #000;
	margin-right: 2rem;
	margin-top: 1rem;
}
.main-nav{
	position: fixed;
	width: 96%;
	padding: 0 2%;
	height: 9rem;
	left: 0;
	bottom: -1rem;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	background-color: #fff;
	box-shadow: 0 0 1rem 0.5rem rgba(0,0,0,0.1);
}
.main-nav a{
	width: 19%;
	margin: 1.2rem 0.5%;
	float: left;
	text-align: center;
	display: block;
}
.main-nav a span{
	display: inline-block;
	margin: 0 auto;
	height: 6.5rem;
	padding: 1rem;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	font-size: 0.9rem;
}
.main-nav a span img{
	width: auto;
	height: 2rem;
	margin-bottom: 0.4rem;
}
.main-nav a.current span{
	background-color: #E5C148;
}
.main-nav a.release-icon span{
	width: 3.6rem;
	height: 3.6rem;
	background-color: #E5C148;
	border-radius: 1.5rem;
}
.main-nav a.release-icon span img{
	width: 3.5rem;
	height: auto;
}
.page-content{
	padding-top: 5rem;
}
.page-content.search-page{
	padding-top: 12rem;
}
.page-content-fav{
	padding-top: 1rem;
}
.page-content.orders-details{
	padding: 1rem;
	background-color: #fff;
	border-radius: 1rem;
	margin: 6rem 1.6rem 6rem 1.6rem;
}
.order-tips{
	width: 100%;
	display: none;
}
.order-tips li{
	width: 90%;
	padding: 1rem 5%;
	margin-bottom: 0.2rem;
	background: #FAFAFA url("../images/website/icon_arrow_3x_right.png") 94% center no-repeat;
	background-size: 2.4rem;
}
.order-tips li h3{
	padding: 0;
	margin: 0;
}
.banner{
	width: 100%;
}
.banner li{
	width: 10rem;
	height: 20rem;
	float: left;
	margin-right: 1rem;
	border: 0.1rem solid #707070;
	border-radius: 0.5rem;
}
.banner ul{
	padding: 0 2rem;
}
.banner > p{
	padding: 1rem 2rem;
	font-size: 1.5rem;
}
#content,.content{
	clear: both;
	padding: 0 0 12rem 0;
}
.content.rest-lists{
	clear: both;
	padding: 1rem;
	margin: 1rem;
	border-radius: 1rem;
	height: auto;
	overflow: hidden;
}
.main-ti{
	padding: 0 0 1.5rem 0;
	font-size: 2rem;
	font-weight: bold;
}
.main-ti span{
	display: inline-block;
	line-height: 2rem;
	font-size: 1.4rem;
	color: #a1aab0;
	border-radius: 2rem;
	padding: 0.2rem 1rem;
}.main-ti span b{
	color: #000;
	font-size: 1.6rem;
}
.main-store-list > li{
	padding: 2rem 1rem;
	margin: 0 0 1rem 0;
	clear: both;
	overflow: hidden;
	position: relative;
	background-color: #fff;
	border-radius: 1rem;
	shape-inside: auto;
}
.main-store-list > li > a > h3{
	padding: 0.5rem 0;
	margin: 0;
	font-size: 2rem;
	color: #333;
}
.main-store-list > li h3 span{
	float: right;
	color: #296343;
	background-color: #c8fade;
	border-radius: 0.4rem;
	display: inline-block;
	padding: 0.5rem 1rem;
	font-weight: bold;
}
.page-content-fav .main-store-list > li > a > h3{
	padding: 0.5rem 0;
	margin: 0;
	font-size: 2rem;
	color: #333;
	width: 90%;
}
.main-store-list > li > a > p span{
	display: inline-block;
	padding: 0 1rem;
}
.main-store-list > li > a > div{
	height: auto;
	overflow: hidden;
	position: relative;
	padding: 1rem 0 0 0;
}
.main-store-list > li > a > p{
	color: #333;
}
.main-store-list > li > a > div i{
	width: 5rem;
	height: 5rem;
	display: block;
	float: left;
	margin-right: 0.5rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border-radius: 0.4rem;
}
.main-store-list > li  > a > span{
	position: absolute;
	bottom: 2.2rem;
	right: 1rem;
	display: inline-block;
	line-height: 2rem;
	font-size: 1.2rem;
	color: #fff;
	border-radius: 2rem;
	padding: 0.2rem 1.2rem 0.2rem 3rem;
	background: #333333 url("../platform/images/photo icon.png") 1rem center no-repeat;
	background-size: 1.6rem;
	
}

.content.search-lists{
	clear: both;
	padding: 1rem;
	margin: 1rem;
	height: auto;
	overflow: hidden;
}
.search-store-list > li{
	padding: 1rem;
	margin: 1rem 0;
	clear: both;
	shape-inside: auto;
	overflow: hidden;
	position: relative;
	background-color: #fff;
	border-radius: 1rem;
	height: auto;
}
.search-store-list > li > a > h3{
	padding: 0.5rem 0;
	margin: 0;
	font-size: 2rem;
	color: #333;
	max-width: 85%;
}
.search-store-list > li > a > p span{
	display: inline-block;
	padding: 0 1rem;
}
.search-store-list > li > a > div{
	height: auto;
	overflow: hidden;
	position: relative;
	padding: 1rem 0 0 0;
	width: 110%;
}
.search-store-list > li > a > p{
	color: #333;
	max-width: 85%;
}
.search-store-list > li > a > div i{
	width: 6rem;
	height: 6rem;
	display: block;
	float: left;
	margin-right: 0.8rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border-radius: 0.5rem;
}
.search-store-list > li  > a > div span{
	position: absolute;
	bottom: 1rem;
	right: 3.5rem;
	display: inline-block;
	line-height: 2rem;
	font-size: 1.2rem;
	color: #fff;
	border-radius: 2rem;
	padding: 0.2rem 1.2rem 0.2rem 3rem;
	background: #333333 url("../platform/images/photo icon.png") 1rem center no-repeat;
	background-size: 1.6rem;
	
}
.search-store-list > li .store-img-th{
	position: relative;
	padding-bottom: 1rem;
	border-bottom: 0.1rem solid #EDEDED;
}
.search-store-list .fav-icon{
	position: absolute;
	top: 1.2rem;
	right: 1rem;
	background: url("../platform/images/save-icon.png") top center no-repeat;
	background-size: 2.6rem;
	padding-top: 2.6rem;
	font-size: 1.2rem;
	min-width: 3rem;
	text-align: center;
}
.search-store-list .like-icon{
	background: url("../platform/images/love.png") center left no-repeat;
	background-size: 2rem;
	padding: 0.5rem 2rem;
}
.canting-pingfen{
	padding: 1rem 0;
}
.canting-pingfen span{
	float: left;
	display: block;
	color: #333;
	width: 20%;
	line-height: 1.4rem;
}
.canting-pingfen p{
	float: right;
	width: 55%;
	background-color: #FAFAFA;
	position: relative;
	display: block;
	height: 1.4rem;
	border-radius: 2rem;
}
.canting-pingfen p i{
	position: absolute;
	left: 0;
	top: 0;
	background-color: #FAAE01;
	display: block;
	height: 1.4rem;
	border-radius: 2rem;
}
.canting-pingfen > li{
	padding: 0.5rem 0;
	clear: both;
	height: auto;
	overflow: hidden;
}

.search-bar{
	margin: 1rem 2rem;
	height: 3rem;
	width: 75%;
	border-radius: 2rem;
	border: 0.1rem solid #FAAE01;
	float: left;
}
.search-bar input{
	width: 80%;
	padding-left: 14%;
	height: 3rem;
	margin: 0 auto;
	border: 0;
	background: transparent url("../platform/images/search-bar.png") 4% center no-repeat;
	background-size: 1.6rem;
}
.header .icon-map{
	display: block;
	float: right;
	width: 3rem;
	 height: 3rem;
	margin: 1rem 2rem 0 0;
	background: url("../platform/images/pickup.png") center center no-repeat;
	background-size: 3rem;
}
.search-filter{
	clear: both;
	padding: 1rem 0;
	margin: 0;
	height: auto;
	overflow: hidden;
}
.search-filter a{
	display: inline-block;
	background-color: #F4F4F4;
	width: 21%;
	line-height: 3.6rem;
	border-radius: 2rem;
	text-align: left;
	font-size: 1.2rem;
	color: #6A6A6A;
	margin: 0 0 0 3%;
	padding-left: 8%;
	float: left;
	background-position: 8% center;
	background-repeat: no-repeat;
	background-size: 2rem;
	font-weight: bold;
}
.search-filter a.on{
	background-color: #F4dd8f;
}
.search-filter a:first-child{
	background-image:url("../platform/images/Icons/area.png");
}
.search-filter a:nth-child(2){
	background-image:url("../platform/images/Icons/icon_area.png");
}
.search-filter a:last-child{
	background-image:url("../platform/images/Icons/icon_style.png");
}
.search-number{
	padding: 2rem 0 0 0;
	text-align: center;
}
.search-number span{
	display: inline-block;
	background-color: #333333;
	color: #fff;
	padding: 0.5rem 2rem;
	font-size: 1.2rem;
	border-radius: 2rem;
}
.search-layer{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10026;
	background-color: #f6f8fb;
	display: none;
	overflow: scroll;
}
.search-layer .black{
	width: 3rem;
	height: 3rem;
	background: url("../images/website/icon_arrow_3x.png") center center no-repeat;
	background-size: 2.4rem;
	display: block;
	float: left;
	margin: 1rem 1rem 1rem 2rem;
}
.search-layer .search-bar{
	width: 72%;
	margin: 1rem 2rem 0 0;
	overflow: hidden;
	float: right;
}
.search-layer .top{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 5rem;
	background-color: #fff;
	box-shadow: 0.2rem 0.2rem 1rem rgba(0,0,0,.2);
}

.qiuck-keyword{
	padding: 6rem 2rem 0 2rem;
	clear: both;
}
.qiuck-keyword a{
	padding: 0.5rem 0;
	margin: 0.5rem 0;
	display: block;
	color: #666;
	font-size: 1.4rem;
	background: url("../platform/images/icon_arrow_top.png")right  center no-repeat;
	background-size: 1.4rem;
}
.keyword-his{
	padding: 1rem 2rem;
	margin: 2rem 0;
	border-top: 0.1rem solid #f5f5f5;
}
.keyword-his h3{
	padding: 1rem 0;
	margin: 0;
}
.keyword-his a{
	display: block;
	clear: both;
	padding: 0.5rem 0;
	margin: 0.5rem 0;
	color: #666;
	line-height: 2.4rem;
}
.keyword-his a i{
	float: right;
	display: block;
	width: 2.4rem;
	height: 2.4rem;
	background: url("../images/website/icon_close_3x.png") center center no-repeat;
	background-size: 2rem;
}
.search-layer .top .title{
	float: left;
	font-weight: bold;
	font-size: 1.6rem;
	line-height: 5rem;
	text-align: center;
	width: 70%;
}
.hot-city{
	padding: 1rem 2rem;
}
.all-city{
	padding: 1rem 2rem;
}
.my-location{
	 clear: both;
	display: block;
	margin: 6rem 2rem 2rem 2rem;
	padding: 0 2rem;
	line-height: 4rem;
	font-size: 1.6rem;
	background: #FAFAFA url("../platform/images/icon_arrow_goto.png") 96% center no-repeat;
	background-size: 1.4rem;
}
.loction-list{
	padding: 0 2rem;
}
.loction-list li{
	margin: 2rem 0;
}
.loction-list li select{
	height: 3.6rem;
	width: 100%;
	padding: 0 1rem;
}
.search-ctr{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #eef0fa;
}
.search-ctr a{
	width: 70%;
	display: block;
	line-height: 5rem;
	text-align: center;
	font-size: 1.8rem;
	margin: 1rem auto;
	border-radius: 4rem;
	border: 0.2rem solid #2a2e32;
}
.search-key-list{
	padding: 8rem 1.6rem 10rem 1.6rem;
	clear: both;
}
.search-key-list > h3{
	padding: 1rem 0;
	margin: 0;
	font-size: 1.6rem;
	clear: both;
}
.search-key-list > div{
	padding: 1rem;
	background-color: #FAFAFA;
	overflow: hidden;
	height: auto;
}


.mainHead{
	width: 100%; 
	min-height: 10rem;
	height: auto;
	position: relative;
	background-color: #f5f5f5;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 0;
}
.mainHead .check-order{
	padding: 0 2rem;
	position: absolute;
    bottom: 20%;
	right: 0;
	height: 3.6rem;
	line-height: 3.6rem;
	color: #fff;
	font-size: 1.4rem;
	font-weight: bold;
	background-color: #FAAE01;
	border-top-left-radius: 3rem;
	border-bottom-left-radius: 3rem;
}
.mainHead .check-order span{
	color: #f00;
	font-weight: bold;
}
.user-menu{
	width: 6rem;
	height: 4rem;
	background-image: url("../areuhungry/images/user/home/icon_back_2x.png");
	background-size: 3rem;
	background-repeat: no-repeat;
	background-position: 2.4rem center;
	background-color: #fff;
	border-top-right-radius: 2rem;
	border-bottom-right-radius: 2rem;
	position: absolute;
	left: 0;
	top: 2rem;
	display: block;
	box-shadow: 0.5rem 0.5rem 0.5rem rgba(0,0,0,0.3); 
}
.user-menu.back{
	background-image: url("../platform/images/icon_back_2x.png");
}
#store-header{
	padding: 1.6rem 1.6rem 2rem 1.6rem;
	background-color: #FAFAFA;
	font-size: 1.2rem;
	overflow: hidden;
	position: relative;
	clear: both;
}
#store-header.store-header-index{
	background-color: #fff;
}
#store-header p{
	font-size: 1.2rem;
	padding: 0.2rem 0;
}
#store-header p > span{
	font-size: 1.2rem;
}
#store-header h3{
	font-size: 1.8rem;
	padding: 0;
	margin: 0;
}
#store-header .store-info-de a.working-tel{
	background-image: url("../images/user/home/icon_phone_2x.png");
	background-repeat: no-repeat;
	background-size: 1.2rem;
	background-position: left 0.3rem;
	padding: 0 2.5rem 0 2rem;
	position: relative;
	display: block;
	color: #333;
}
.store-info-box{
	margin-bottom: 0.5rem;
	background-color: #fff;
	padding: 1.6rem;
	font-size: 1.4rem;
	overflow: hidden;
	border-top: 0.2rem solid #FAFAFA;
}
.store-info-box h3{
	display: block;
	font-size: 1.6rem;
	padding: 0.5rem 0;
	margin: 0;
}
.sns-list li{
	width: 26%;
	float: left;
	margin: 0 3% 2rem 3%;
	text-align: center;
}
.sns-list li img{
	width: auto;
	height: 4rem;
}
.sns-list li p{
	padding-bottom: 0.5rem;
}
#store-header .store-info-de p.working-address,p.working-address{
	background-image: url("../areuhungry/images/user/home/icon_address_2x.png");
	background-repeat: no-repeat;
	background-size: 1.2rem;
	background-position: left 0.3rem;
	margin: 0;
	padding: 0 0.5rem 0 2rem;
	position: relative;
}
.btn-copy-addresss{
	cursor: pointer;
	width: 2.4rem;
	height: 2.4rem;
	background: url("../areuhungry/images/user/home/icon_copy_2x.png") center center no-repeat;
	background-size: 2rem;
	display: inline-block;
	margin-left: 1rem;
}
.store-info-de .icon-fav{
	width: 3.6rem;
	height: 3.6rem;
	display: block;
	position: absolute;
	top: 1rem;
	right: 1.8rem;
	background: url("../platform/images/save-icon.png") center center no-repeat;
	background-size: 2.8rem;
}
.store-info-de .icon-fav-ed{
	width: 3.6rem;
	height: 3.6rem;
	display: block;
	position: absolute;
	top: 1rem;
	right: 1.8rem;
	background: url("../platform/images/save-icon-add.png") center center no-repeat;
	background-size: 2.8rem;
}
/* 日历 */
.date-bar{
	background-color: #fff;
	padding: 1rem 0;
	height: 5rem;
	overflow: hidden;
}
.date-left{
	width: 13%;
	height: 5rem;
	float: left;
	border-top-right-radius: 2.5rem;
	border-bottom-right-radius: 2.5rem;
	text-align: center;
	background-color: #FAAE01;
	color: #fff;
	line-height: 5rem;
	font-weight: bold;
	font-size: 1.8rem;
}
.date-right{
	height: 5rem;
	width: 80%;
	position: relative;
	float: right;
}
.date-right a{
	display: inline-block;
	border-radius: 0.4rem;
	width: 3.6rem;
	height: 3rem;
	text-align: center;
	line-height: 1.5rem;
	background-color: #FAFAFA;
	margin: 0 0.1rem;
	padding: 1rem 0;
	font-size: 1rem;
	cursor: pointer;
	float: left;
}
.date-right .date-scroll{
	overflow: hidden;
	height: 6rem;
	width: 90%;
	position: relative;
}
.date-right .date-seven{
	width: 100rem;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.4s;
}
.working-day ul > li > b{
	font-size: 2.4rem;
	display: block;
	text-align: left;
}
.date-right i{
	display: block;
	width: 2.4rem;
	height: 5rem;
	background-position: center center;
	background-size: 1.6rem;
	background-repeat: no-repeat;
	background-color: #fff;
	position: absolute;
	top: 0;
	z-index: 888;
	cursor: pointer;
}
.date-right i.date-move-left{
	background-image: url("../platform/images/arrow_1x.png");
	left: -2.4rem;
	display: none;
}
.date-right i.date-move-right{
	background-image: url("../platform/images/arrow_2x.png");
	right: 0.5rem;
}
.date-right a b{
	font-size: 1.6rem;
}
.date-right a.on{
	background-color: #FAFAFA;
	border-left: 0.1rem solid #707070;
	border-top: 0.1rem solid #707070;
	border-right: 0.1rem solid #707070;
	border-top-left-radius: 0.4rem;
	border-top-right-radius: 0.4rem;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	height: 5rem;
}
.date-right a.working-rest{
	line-height: 3rem;
	background-color: #FFADAD;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
}
.working-day{
	border-radius: 0.4rem;
	background-color: #FAFAFA;
	padding: 1rem;
	margin: -0.1rem 1rem 1rem 1rem;
	border: 0.1rem solid #707070;
}
.working-day li{
	display: none;
}
.working-day .working-address,.working-day .working-date{
	font-size: 1.2rem;
}
.working-day .holiday-mark{
	width: 50%;
	line-height: 6rem;
	font-size: 2.4rem;
	text-align: center;
	color: #FF5F5F;
	margin: 2rem auto;
	display: block;
}
.btn-book-order{
	font-size: 1.6rem;
	line-height: 4rem;
	display: block;
	margin: 1rem auto;
	width: 20rem;
	border: 0.2rem solid #333;
	border-radius: 2rem;
	text-align: center;
}
/* 日历 */
.store-vlog-news{
	padding: 2rem 2rem;
	height: auto;
	overflow: hidden;
	border-top: 0.2rem solid #fafafa;
}
.store-vlog-news .title{
	font-size: 1.8rem;
}
.store-vlog-news .title a{
	float: right;
	font-size: 1.2rem;
	display: inline-block;
	line-height: 2.8rem;
	padding: 0 1.5rem;
	color: #07033F;
	border: 0.1rem solid #FAAE01;
	border-radius: 2rem;
}
.store-vlog-news .store-name{
	height: auto;
	overflow: hidden;
	margin: 1rem 2rem 1rem 0;
}
.store-vlog-news .store-name i{
	width: 5rem;
	height: 5rem;
	border-radius: 5rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-color: #fafafa;
	display: block;
	float: left;
	margin-right: 1rem;
}
.store-vlog-news .store-name b{
	font-size: 1.4rem;
}
.store-vlog-news .store-name span{
	font-size: 1.2rem;
	color: #999;
}
.store-vlog-news .vlog-img{
	clear: both;
	margin: 1rem 0;
}
.store-vlog-news .vlog-img img{
	width: 100%;
	height: auto;
}
.store-vlog-news .vlog-fav{
	padding-left: 3.4rem;
	background:url("../platform/images/heart.png") left top no-repeat;
	background-size: 3rem;
	margin: 1rem 0;
	font-size: 1.4rem;
	color: #DF065A;
	height: 3rem;
	line-height: 2.4rem;
}
.store-vlog-news .vlog-fav i{
	font-size: 1.8rem;
}
.vlog-form{
	padding: 1rem 2rem;
	border-top: 0.2rem solid #fafafa;
}
.vlog-form textarea{
	width: 92%;
	padding: 1rem;
	border-radius: 0.5rem;
	border: 0.1rem solid #707070;
	background-color: #FAFAFA;
	margin-top: 2rem;
	line-height: 2rem;
	height: 8rem;
	font-size: 1.4rem;
}
.vlog-form button{
	float: right;
	background-color: #07033F;
	border-radius: 3rem;
	height: 4rem;
	color: #FAAE01;
	font-size: 1.6rem;
	padding: 0 3rem;
	margin-top: 2rem;
	border: 0;
}
.fav-tag{
	width: 60%;
	margin: 1rem auto;
	line-height: 3rem;
}
.fav-tag a{
	width: 50%;
	float: left;
	text-align: center;
	display: block;
	background-color: #F4F4F4;
}
.fav-tag a:first-child{
	border-top-left-radius: 2rem;
	border-bottom-left-radius: 2rem;
}
.fav-tag a:last-child{
	border-top-right-radius: 2rem;
	border-bottom-right-radius: 2rem;
}
.fav-tag a.current{
	background-color: #E5C148;
}
.main-store-list > li > a > span.fav-icon{
	background:url("../platform/images/save-icon-add.png") top center no-repeat;
	background-size: 2.2rem;
	width: 3rem;
	padding: 3rem 0 0 0;
	margin: 0;
	position: absolute;
	right: 0;
	top: 2.4rem;
	font-size:1.2rem;
	line-height: 0;
	color: #666;
	text-align: center;
	border-radius: 0;
}

.main-store-list .like-icon{
	height: 3rem;
	line-height: 3rem;
	background:url("../platform/images/love.png") top left no-repeat;
	background-size: 2.4rem;
	display: block;
	clear: both;
	padding: 0 0 0 2.4rem;
	margin-top: 1rem;
	font-size: 1.2rem;
	color: #666;
}
/* .order-list{
	padding: 2rem 0;
}
.order-list > li{
	background-color: #fafafa;
	padding: 2rem 2rem;
	margin-bottom: 0.2rem;
	position: relative;
	clear: both;
}
.order-list > li a{
	color: #333;
	display: block;
	position: relative;
	background: url("../platform/images/icon_arrow_right.png") right bottom no-repeat;
	background-size: 2rem;
}
.order-list a > p{
	color: #666;
	font-size: 1.2rem;
}
.order-list a > b{
	color: #333;
	font-size: 1.4rem;
}
.order-list a > h3{
	color: #333;
	font-size: 2rem;
	margin: 0;
}
.order-list a > span{
	position: absolute;
	top: 0;
	right: 0;
	line-height: 2rem;
	font-size: 1.2rem;
}
.order-list a > span.finish{
	color: #666;
	padding-left: 2.5rem;
	background: url("../platform/images/icon_correct_24_2x.png") left center no-repeat;
	background-size: 2rem;
} 
.order-list a > span.cancel{
	color: #FF0000;
} */
.member-face{
	padding: 6rem 2rem 2rem 2rem;
	clear: both;
	height: auto;
	overflow: hidden;
	line-height: 5rem;
}
.member-face i{
	float: left;
	width: 5rem;
	height: 5rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-right: 1rem;
}
.member-de-list{
	padding: 0 2rem;
	clear: both;
	height: auto;
	overflow: hidden;
	
}
.member-de-list li{
	background-color: #FAFAFA;
	padding: 1rem;
	margin-bottom: 0.2rem;
	color: #333;
	font-size: 1.2rem;
	line-height: 3rem;
}
.member-de-list li i{
	background-size: 2.4rem;
	background-position: center;
	background-repeat: no-repeat;
	width: 3rem;
	height: 3rem;
	margin-right: 1rem;
	float: left;
}
.member-de-list li a{
	float: right;
	font-size: 1.2rem;
	text-decoration: underline;
	color: #333;
}
.top-page-ti{
	width: 72%;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 5rem;
	text-align: center;
	display: block;
	float: left;
}

.top-page-ti span{
	color: #f00;
	font-size: 1.6rem;
	font-weight: bold;
}
.top-contro-bar a.back,.top-contro-bar a.back-member-c{
	float: left;
	width: 3.6rem;
	height: 3.6rem;
	margin: 0.7rem 0 0.7rem 1.2rem;
	text-align: center;
}
.top-contro-bar a.back img,.top-contro-bar a.back-member-c img{
	width: 3.6rem;
	height: auto;
}
.top-contro-bar{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 5rem;
	background-color: #fff;
	border: 0.1rem solid #eee;
	z-index: 8888;
}
.footer-bar{
	position: fixed;
	left: 0;
	bottom: 0;
	background-color: rgba(255,255,255,0.95);
	padding: 0 5% 2rem 5%;
	width: 90%;
	z-index: 11092;
}
.btn-submit-style5{
	width: 100%;
	height: 3.6rem;
	border-radius: 2.3rem;
	display: block;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 3.6rem;
	background-color: #07033F;
	border: 0.1rem solid #07033F;
	color: #FAAE01;
	margin: 0 auto 0 auto;
}
.btn-submit-red{
	width: 100%;
	height: 3.6rem;
	border-radius: 2.3rem;
	display: block;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 3.6rem;
	background-color: #f00;
	border: 0.1rem solid #f00;
	color: #fff;
	margin: 0 auto 0 auto;
}
.form-ul input{
	font-size: 1.4rem;
	color: #333;
	height: 3.6rem;
	border-radius: 2rem;
	border: 0.1rem solid #FAAE01;
	width: 90%;
	padding: 0 1.5rem;
}
.form-ul li{
	margin: 1.5rem 1.6rem;
	clear: both;
	overflow: hidden;
	position: relative;
}
.send-mailcode button{
	color: #07033F;
	border: 0.2rem solid #07033F;
	background-color: #fff;
	height: 3.8rem;
	border-radius: 2rem;
	padding: 0 4rem;
	margin: 0 auto;
	display: block;
	font-size: 1.4rem;
}
.rmail-intro{
	font-size: 1.2rem;
	padding: 1rem;
}
.reset-password-ul li > span{
	position: absolute;
	top: 0;
	right: 2rem;
	width: 2.6rem;
}
.reset-password-ul li > span img{
	width: 100%;
	height: auto;
	padding: 1rem 0.5rem;
}
.reg-address-b .input-a{
	border: 0.1rem solid #FAAE01;
	border-radius: 2rem;
	height: 3.6rem;
	line-height: 3.6rem;
	font-size: 1.2rem;
}
.address-edit-lst{
	padding:7rem 2rem 5rem 2rem;
}
.address-edit-lst ul li input{
	width: 100%;
	height: 3.6rem;
	border-radius: 2rem;
	border: 0.1rem solid #FAAE01;
	line-height: 3.6rem;
	font-size: 1.4rem;
	padding: 0;
	margin: 0;
	text-indent: 1rem;
}
.reg-bottom-bar{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 1rem 0 2rem 0;
	z-index: 10002;
	background-color: #fff;
}
.login-page{
	text-align: center;
	padding-top: 12rem;
}
.login-page .logo img{
	height: 10rem;
	width: auto;
}
.login-form{
	text-align: left;
	width: 80%;
	margin: 4rem auto;
}
.login-form input{
	width: 100%;
	height: 3.6rem;
	font-size: 1.6rem;
	border: 0.1rem solid #07033F;
	background-color: #fff;
	border-radius: 0.4rem;
}
.login-form li{
	margin: 1rem 0;
}
.login-bg{
	background: url("https://maruorder.jp/images/uploads/home/login_bg.png") center center no-repeat;
	background-size: cover;
}
.login-form .forget-pw,.login-form .register-link{
	text-align: center;
	font-size: 1.2rem;
	padding: 2rem 0;
}
.login-form .forget-pw a{
	color: #666;
}
.login-form .register-link a{
	font-size: 1.6rem;
	color: #333;
}
.btn-style-yellow{
	line-height: 4rem;
	background-color: #FAAE01;
	color: #000;
	font-size: 1.6rem;
	display: block;
	text-align: center;
	border-radius: 3rem;
}
.address-form input{
	line-height: 3rem;
	border: 0.1rem solid #FAAE01;
	border-radius: 2rem;
	padding: 0 1.5rem;
	width: 92%;
}
.address-form li{
	margin: 1.5rem 0;
}
.register-finish-icon{
	text-align: center;
	padding-top: 15rem;
	font-size: 1.8rem;
}
.register-finish-icon i{
	width: 8rem;
	height: 8rem;
	display: block;
	background: #AAD92A url("../platform/images/icon_correct_24_2x.png") center center no-repeat;
	background-size: 4rem;
	border-radius: 6rem;
	margin: 2rem auto;
	
}


.store-image{
	width: 6rem;
	height: 6rem;
	border-radius: 0.4rem;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
}
.store-info-de{
	margin-left: 7rem;
	padding-bottom: 0.6rem;
	width: 70%;
}
.btn-store-de{
	position: absolute;
	right: 2rem;
	bottom: 2rem;
}
.btn-store-de img{
	width: 2.4rem;
	height: auto;
}
#search-bar{	
	background-color: #fff;
	padding: 1rem 0;
	overflow: hidden;
	transition: all 0.4s;
	width: 100%;
	border-bottom: 0.1rem solid #f5f5f5;
	z-index: 1000;
}
.search-bar-fixed{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
}
#search-bar a{
	display: block;
}
#search-bar .btn-select{
	width: 66%;
	height: 3.6rem;
	border-radius: 1.8rem;
	line-height: 3.6rem;
	color: #333;
	font-size: 1.4rem;
	border: 0.1rem solid #FAAE01;
	padding: 0 1.5rem;
	background: url("../images/user/home/icon_arrow_down_3x.png") no-repeat 95% center;
	background-size: 1.6rem;
	float: left;
	margin-left: 1.6rem;
}
#search-bar .btn-search{
	width: 3.6rem;
	height: 3.6rem;
	float: right;
	margin-right: 1.6rem;
	background-image: url("../images/user/home/icon_search_2x_blue.png");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 2.2rem;
	background-color: #fff;
	border-radius: 2.2rem;
	color: #fff;
	border: 0.1rem solid #07033F;
	line-height: 3.6rem;
	font-size: 1.4rem;
}
.select-style-a{
	width: 100%;
	height: 4rem;
	text-indent: 1.5rem;
	margin: 0 auto;
	padding: 0;
	border-radius: 2rem;
	border: 0.1rem solid #FAAE01;
	line-height: 4rem;
	display: block;
	font-size: 1.4rem;
	background-color: #fff;
	color: #333;
	outline: none;
}
.search-bar-a{
	position: relative;
	height: 4rem;
}
.search-bar-a:before,.search-bar-fixed:before{
	display: block;
	margin: 0 1.6rem;
	border: 0.2rem solid #FAAE01;
	border-radius: 2rem;
	height: 4rem;
	content: "";
	
}
.search-bar-a select,.search-bar-fixed select{
	width: 88%;
	position: absolute;
	border: none;
	top: 1.2rem;
	left: 1.8rem;
	height: 3.8rem;
}
.food-series > h3{
	padding: 1rem 1.6rem;
	margin: 0;
	background-color: #f5f5f5;
}
.food-list > li .item-thumb{
	width: 6rem;
	height: 6rem;
	margin-right: 1rem;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	float: left;
}



/**loading加载数据的样式start */

.loading-container {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 30px;
	opacity: 0;
	transition: opacity 0.3s;
}

	.loading-container.visible {
		opacity: 1;
	}

.loading-spinner {
	width: 35px;
	height: 35px;
	border: 4px solid #FAAE01;
	border-top: 4px solid #FFADAD;
	border-radius: 50%;
	animation: spin 1s linear infinite;
	margin-right: 15px;
}

.loading-text {
	color: #FAAE01;
	font-weight: 600;
	font-size: 1.2rem;
}

.end-message {
	text-align: center;
	padding: 30px;
	color: #7f8c8d;
	font-style: italic;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.highlight {
	background-color: #fef3c7;
	padding: 1px 2px;
	border-radius: 3px;
}

.no-results {
	padding: 20px;
	text-align: center;
	color: #64748b;
	font-style: italic;
}

.loading {
	padding: 20px;
	text-align: center;
	color: #64748b;
}

/**loading加载数据的样式end */




/**banner 样式start  */
.container {
	max-width: 1200px;
	width: 100%;
	padding: 20px;
}


.carousel-container {
	position: relative;
	width: 100%;
	overflow: hidden;
	/*border-radius: 15px;
			background: rgba(255, 255, 255, 0.1);
			backdrop-filter: blur(10px);
			padding: 30px 20px;
			box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);*/
}

.carousel-wrapper {
	position: relative;
	overflow: hidden;
	margin: 0 1rem
}

	.carousel-wrapper > p {
		padding: 1em 0em;
	}

.carousel-track {
	display: flex;
	transition: transform 0.5s ease-in-out;
	cursor: grab;
	user-select: none;
}

	.carousel-track.grabbing {
		cursor: grabbing;
		transition: none;
	}

.carousel-slide {
	flex: 0 0 33.333%; /* 始终显示3张图片 */
	padding: 0 0 0 0;
	transition: transform 0.3s ease;
}

	.carousel-slide:hover {
		transform: translateY(-5px);
	}

.card {
	background: white;
	/*border-radius: 12px;*/
	overflow: hidden;
	/*box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);*/
	height: 100%;
	display: flex;
	flex-direction: column;
	padding-right: 0.5em;
}

.card-image {
	width: 100%;
	height: 200px;
	object-fit: cover;
}

.card-content {
	padding: 20px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.card-title {
	font-size: 1.3rem;
	color: #333;
	margin-bottom: 10px;
	font-weight: 600;
}

.card-description {
	color: #666;
	line-height: 1.5;
	margin-bottom: 15px;
	flex-grow: 1;
}

.card-price {
	font-size: 1.4rem;
	color: #e74c3c;
	font-weight: bold;
	margin-bottom: 15px;
}

.card-button {
	/*display: inline-block;*/
	display: none;
	padding: 10px 20px;
	background: #3498db;
	color: white;
	text-decoration: none;
	border-radius: 5px;
	text-align: center;
	font-weight: 600;
	transition: all 0.3s ease;
}

	.card-button:hover {
		background: #2980b9;
		transform: translateY(-2px);
	}

.carousel-indicators {
	display: flex;
	justify-content: center;
	margin-top: 25px;
	gap: 10px;
}

.indicator {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.5);
	cursor: pointer;
	transition: all 0.3s ease;
}

	.indicator.active {
		background: white;
		transform: scale(1.2);
	}

.auto-play-control {
	display: flex;
	justify-content: center;
	margin-top: 20px;
	gap: 15px;
}

.play-btn, .pause-btn {
	background: rgba(255, 255, 255, 0.2);
	border: none;
	padding: 8px 20px;
	border-radius: 30px;
	color: white;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 500;
}

	.play-btn:hover, .pause-btn:hover {
		background: rgba(255, 255, 255, 0.3);
	}

.status-info {
	text-align: center;
	margin-top: 15px;
	font-size: 0.9rem;
	opacity: 0.8;
}

/* 响应式设计 */
@media (max-width: 768px) {
	.carousel-slide {
		flex: 0 0 33.333%;
	}

	h1 {
		font-size: 2rem;
	}
}

@media (max-width: 480px) {
	.carousel-slide {
		flex: 0 0 33.333%;
	}

	.card-image {
		height: 150px;
	}

	.card-content {
		padding: 15px;
	}

	.card-title {
		font-size: 1.1rem;
	}

	.card-description {
		font-size: 0.9rem;
	}
}

.info-section {
	margin-top: 50px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
}

.info-card {
	background: rgba(255, 255, 255, 0.1);
	padding: 25px;
	border-radius: 10px;
	width: 300px;
	backdrop-filter: blur(5px);
	transition: transform 0.3s ease;
}

	.info-card:hover {
		transform: translateY(-5px);
	}

	.info-card h3 {
		font-size: 1.4rem;
		margin-bottom: 15px;
		display: flex;
		align-items: center;
		gap: 10px;
	}

		.info-card h3 i {
			color: #ff6b6b;
		}

/**banner 样式 end  */

.btn-logout{
	margin-top: 2rem;
	width: 90%;
}
.login-ed{
	width: 3rem;
	height: 3rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: block;
	float: right;
	margin: 1rem 1.6rem;
}
.link-personal-face{
	display: block;
	color: #333;
	background: url("../images/user/home/arrow_gray_2x.png") center right no-repeat;
	background-size: 2rem;
}
.member-pface >p{
	width: 5rem;
	height: 5rem;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 auto;
	display: block;
	position: relative;
}
.member-pface >p:before{
	display: block;
	position: absolute;
	content: "+";
	left: 1.3rem;
	top: 1.3rem;
	height: 2.4rem;
	width: 2.4rem;
	background-color: rgba(255,255,255,.8);
	border-radius: 2rem;
	font-size: 1.8rem;
	line-height: 2.4rem;
	text-align: center;
}
#store-header .store-info-de p.working-address,p.working-address{
	background-image: url("../images/user/home/icon_address_2x.png");
	background-repeat: no-repeat;
	background-size: 1.2rem;
	background-position: left 0.3rem;
	margin: 0;
	padding: 0 0.5rem 0 2rem;
	position: relative;
}
#store-header .store-info-de p.working-date,p.working-date{
	background-image: url("../images/user/home/icon_clock_2x.png");
	background-repeat: no-repeat;
	background-size: 1.2rem;
	background-position: left center;
	padding-left: 2rem;
}
.googleMaps iframe{
	width: 100%;
	height: 20rem;
}
.rest-lists-pingfen .a-link{
	color: #a1aab0;
	font-size: 1.2rem;
}
.rest-lists-pingfen .main-ti .a-link{
	float: right;
	color: #a1aab0;
	background: url("../platform/images/arrow_2x.png") center right no-repeat;
	background-size: 2.4rem;
	padding-right: 2.4rem;
	margin-top: 0.5rem;
}
.main-store-pingfen{
	height: auto;
	overflow: hidden;
	width: 110%;
}
.main-store-pingfen li{
	float: left;
	margin: 0 2rem 1rem 0;
	height: 24rem;
	width: 42%;
}
.main-store-pingfen li > a{
	color: #666;
}
.main-store-pingfen li > a p{
	font-size: 1.2rem;
	padding: 0.3rem 0;
}
.main-store-pingfen li > a span{
	float: right;
	font-size: 1.2rem;
	font-weight: bold;
}
.main-store-pingfen li .rest-img{
	width: 100%;
	height: 15.2rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 1.2rem;
	background-color: #1c1c1c;
	position: relative;
}
.main-store-pingfen li .rest-img p{
	width: 80%;
	position: absolute;
	left: 1rem;
	bottom: 1rem;
}
.main-store-pingfen li .rest-img p span{
	border-radius: 2rem;
	line-height: 2rem;
	padding: 0 0.8rem;
	margin-right: 0.5rem;
	background-color: #fff;
	color: #666;
	float: left;
	display: inline-block;
}
.main-store-pingfen li .rest-img i{
	width: 1.6rem;
	height: 1.6rem;
	padding: 0.3rem;
	background: #fff url("../platform/images/Icons/takeout.png") center center no-repeat;
	background-size: 1.1rem;
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	display: block;
	border-radius: 2rem;
}
.main-store-pingfen li b{
	padding: 0.3rem 0;
	display: block;
}
.search-keyword{
	padding: 5.5rem 1rem 0 1rem;
	height: auto;
	overflow: hidden;
}
.search-keyword span{
	font-size: 1.2rem;
	color: #6A6A6A;
	display: inline-block;
	padding: 0 1rem;
	border-radius: 1rem;
	background-color: #e5e5e5;
	line-height: 2rem;
	float: left;
	margin-right: 1rem;
}
.menu-button{
	float: left;
	width: 3rem;
	height: 3rem;
	margin: 1rem 0 1rem 2rem;
}
.menu-button i{
	display: block;
	width: 70%;
	height: 0.3rem;
	background-color: #33363f;
	margin: 0.5rem auto;
	border-radius: 0.5rem;
}
.search-button{
	float: right;
	height: 3rem;
	margin: 1rem 2rem;
	padding: 0.3rem;
}
.search-button img{
	width: auto;
	height: 2.4rem;
}
.index-banner{
	width: 100%;
	height: 13rem;
	background-color: #1c1c1c;
	margin-top: 5rem;
	position: relative;
	z-index: 1;
}
.quick-nav{
	width: 91%;
	border-radius: 1rem;
	background-color: #fff;
	padding: 1.5rem 0.5rem;
	margin: -4rem auto;
	z-index: 10001;
	position: relative;
	height: auto;
	overflow: hidden;
}
.banner-nav{
	height: auto;
	overflow: hidden;
}
.banner-nav a{
	width: 30%;
	margin: 0 1.5%;
	background-position: center 0.2rem;
	background-repeat: no-repeat;
	background-size: 2.2rem;
	padding-top: 3rem;
	float: left;
	font-size: 1.4rem;
	text-align: center;
}
.banner-nav a:first-child{
	background-image: url("../platform/images/Icons/area.png");
}
.banner-nav a:nth-child(2){
	background-image: url("../platform/images/Icons/takeout.png");
}
.banner-nav a:last-child{
	background-image: url("../platform/images/Icons/new.png");
}

#main-nav-layer{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10025;
	background-color: rgba(0,0,0,0.6);
	display: none;
}
#main-nav-layer .nav-menu{
	width: 85%;
	height: 100%;
	background-color: #fff;
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
}
#main-nav-layer .banner{
	background: url("../platform/images/Icons/face_banner.png") center center no-repeat;
	background-size: cover;
	width: 90%;
	height: 15rem;
	margin: 2rem 5%;
	border-radius: 1rem;
	position: relative;
	
}
#main-nav-layer .banner a{
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -2rem 0 0 -30%;
	font-size: 1.8rem;
	background-color: #ffcc00;
	width: 60%;
	height: 4rem;
	line-height: 4rem;
	border-radius: 2rem;
	display: block;
	text-align: center;
	color: #3c3c43;
}
#main-nav-layer .banner a i{
	position: absolute;
	top: -3rem;
	left: 40%;
	height: 3.6rem;
}
#main-nav-layer .banner a i img{
	width: auto;
	height: 3.6rem;
}
#main-nav-layer .title{
	padding: 1rem 5%;
	font-weight: bold;
	font-size: 1.4rem;
}
#main-nav-layer .title .closex{
	width: 3rem;
	height: 3rem;
	float: right;
	display: block;
	background: url("../platform/images/Icons/cross_3917189.png") center center no-repeat;
	background-size: 1.8rem;
}
#main-nav-layer .nav-alink{
	width: 90%;
	margin: 1rem 5%;
}
#main-nav-layer .nav-alink a{
	display: block;
	margin: 1rem 0;
	padding: 1rem 0 1rem 4rem;
	clear: both;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 2.4rem;
	font-size: 1.5rem;
	color: #2a2e32;
}
#main-nav-layer .nav-alink a:first-child{
	background-image: url("../platform/images/Icons/home.png");
}
#main-nav-layer .nav-alink a:nth-child(2){
	background-image: url("../platform/images/Icons/search.png");
}
#main-nav-layer .nav-alink a:nth-child(3){
	background-image: url("../platform/images/Icons/status.png");
}
#main-nav-layer .nav-alink a:nth-child(4){
	background-image: url("../platform/images/Icons/heart.png");
}
#main-nav-layer .nav-alink a:nth-child(5){
	background-image: url("../platform/images/Icons/acct.png");
}
.content.rest-list-more{
	padding: 2rem;
	margin: 0;
	clear: both;
	background-color: #f4dd8f;
	height: auto;
	overflow: hidden;
}
.rest-list-more >ul{
	width: 104%;
}
.rest-list-more >ul > li{
	float: left;
	width: 46%;
	height: 25rem;
	margin: 1rem 4% 1rem 0;
}
.rest-list-more >ul > li .img-th{
	width: 100%;
	height: 20rem;
	border-radius: 1.5rem;
	background-color: #1c1c1c;
	position: relative;
	background-size: cover;
	background-position: center;
}
.rest-list-more >ul .img-th span{
	position: absolute;
	left: 1rem;
	top: 1rem;
	color: #fff;
	font-size: 1rem;
	line-height: 2rem;
}
.rest-list-more >ul .img-th span > i{
	display: block;
	float: left;
	border-radius: 3rem;
	background-color: #979797;
	background-size: 1.6rem;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("../platform/images/Icons/face-smile.png");
	border: 0.1rem solid #fff;
	width: 2rem;
	height: 2rem;
	margin-right: 0.5rem;
}
.rest-list-more >ul .img-th b{
	width: 2rem;
	height: 2rem;
	border-radius: 2rem;
	background-color: #fff;
	position: absolute;
	top: 1rem;
	right: 1rem;
	display: block;
}
.rest-list-more >ul .img-th b i{
	display: block;
	border-bottom: 0.5rem solid transparent;
	border-top: 0.5rem solid transparent;
	border-left: 0.8rem solid #000;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -0.5rem 0 0 -0.3rem;
}
.rest-list-more >ul .rest-name{
	display: block;
	line-height: 2rem;
	padding: 0.5rem 0;
}
.rest-list-more >ul .rest-name i{
	display: block;
	float: left;
	margin-right: 0.5rem;
	width: 2rem;
	height: 2rem;
	border: 0.1rem solid #000;
	border-radius: 2rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.rest-list-more >ul .view{
	padding: 0.5rem 0 0.5rem 3rem;
	font-size: 1.4rem;
	background: url("../platform/images/Icons/eye_3917052.png") center left no-repeat;
	background-size: 2rem;
}

.order-ing{
	border-top: 0.1rem solid #e8e8e8;
	padding: 1rem 0;
	clear: both;
	margin: 2rem auto 0 auto;
	width: 94%;
}
.lunbo{
	width: 100%;
	height: 7rem;
	border: 0.1rem solid #ffe99c;
	border-radius: 1rem;
	padding: 1rem 0;
	margin-bottom: 1rem;
}
.lunbo > ul > li > div:first-child,.order-list > li> div:first-child{
	width: 60%;
	float: left;
}
.lunbo > ul > li > div:first-child span,.lunbo > ul > li > div:first-child b,.lunbo > ul > li > div:first-child p,.order-list > li> div:first-child span,.order-list > li> div:first-child b,.order-list > li> div:first-child p{
	display: block;
	padding: 0.2rem 1rem;
}
.lunbo > ul > li > div:first-child span,.order-list > li> div:first-child span{
	font-size: 1rem;
}
.lunbo > ul > li > div:first-child b,.order-list > li> div:first-child b{
	font-size: 1.6rem;
}
.lunbo > ul > li > div:first-child p,.order-list > li> div:first-child p{
	font-size: 1.3rem;
}
.lunbo > ul > li > div:nth-child(2),.order-list > li> div:nth-child(2){
	display: inline-block;
	padding: 0.5rem 2%;
	float: left;
	border-radius: 0.6rem;
	margin-top: 2rem;
}
.lunbo > ul > li > div:nth-child(2).order-querenzhong,.order-list > li> div:nth-child(2).order-querenzhong{
	background-color: #ffe99c;
	color: #6e4400;
}
.lunbo > ul > li > div:nth-child(2).order-ldchenggong,.order-list > li> div:nth-child(2).order-ldchenggong{
	background-color: #e1edfa;
	color: #0e57ab;
}
.lunbo > ul > li > div:nth-child(2).order-qucan,.order-list > li> div:nth-child(2).order-qucan{
	background-color: #c8fade;
	color: #296343;
}
.order-list > li> div:nth-child(2).order-yiqucan{
	background-color: #2676d1;
	color: #fff;
}
.order-list > li> div:nth-child(2).order-quxiao{
	background-color: #fae1e4;
	color: #aa1d30;
}
.lunbo > ul > li > a,.order-list > li> a{
	float: right;
	display: inline-block;
	background: url("../platform/images/arrow_2x.png") center right no-repeat;
	background-size: 2rem;
	padding-right: 2rem;
	margin-top: 2.4rem;
	margin-right: 0.2rem;
	color: #a1aa01;
}
.order-ing .silder > span{
	display: inline-block;
	padding: 0.2rem 0.8rem;
	background-color: #4f4f4f;
	color: #fff;
	border-radius: 2rem;
	font-size: 1.1rem;
}
.order-ing .silder > div{
	float: right;
	width: 70%;
}
.order-ing .silder > div a{
	display: inline-block;
	width: 2rem;
	height: 2rem;
	float: right;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1.8rem;
	padding: 0.5rem;
}
.order-ing .silder > div a:first-child{
	background-image: url("../platform/images/arrow_2x.png");
}
.order-ing .silder > div a:last-child{
	background-image: url("../platform/images/arrow_1x.png");
}
.order-ing .silder > div div{
	float: right;
}
.order-ing .silder > div div i{
	width: 0.4rem;
	height: 0.4rem;
	float: left;
	margin: 1.2rem 0.3rem;
	background-color: #d9d9d9;
}
.order-ing .silder > div div i.on{
	background-color: #4f4f4f;
}
.my-select-location{
	text-align: center;
	padding: 1rem;
	margin: 1rem;
}
.my-select-location b{
	font-size: 1.8rem;
	display: inline-block;
	margin: 0 1rem 0 0;
}
.my-select-location span{
	font-size: 1.2rem;
	display: inline-block;
}
.search-keyword-loc,.search-keyword-food{
	padding: 1rem 2rem;
	margin: 1rem auto;
	clear: both;
}
.search-keyword-loc > div,.search-keyword-food > div{
	font-weight: bold;
	font-size: 1.8rem;
}
.search-keyword-loc > div a,.search-keyword-food > div a{
	float: right;
	line-height: 3rem;
	color: #999;
	font-weight: normal;
}
.search-keyword-loc > p,.search-keyword-food > p{
	clear: both;
	height: auto;
	overflow: hidden;
	display: block;
}
.search-keyword-loc > p span,.search-keyword-food > p span{
	display: inline-block;
	float: left;
	padding: 0.2rem 1rem;
	margin: 0.6rem 1rem 0 0;
	color: #4f4f4f;
	border: 0.1rem solid #8a8a8a;
	border-radius: 2rem;
	font-size: 1.2rem;
}
.search-key-list input[type="checkbox"] {
  width: 2.4rem;
  height: 2.4rem;
  background-color: #fff;
  -webkit-appearance: none;
  border: 0.1rem solid #8a8a8a;
  border-radius: 0.4rem;
  outline: none;
  float: left;
	margin-right: 1rem;
}
.search-key-list input[type="checkbox"]:checked {
  background: #d21b78 url("../images/user/home/check_box_3x.png") no-repeat center;
  background-size: 1.6rem;
	border: 0.1rem solid #d21b78;
}
.search-key-list label{
	display: block;
	float: left;
	width: 46%;
	margin: 1rem 2% 1rem 0;
}
.search-key-list label span{
	line-height: 2.8rem;
	display: inline-block;
}
.search-key-list .sub-list{
	clear: both;
	padding: 1rem;
	background-color: #fff;
	border-radius: 1rem;
	margin-bottom: 2rem;
}
.order-tag{
	margin: 1rem 1.6rem;
	clear: both;
	height: 5rem;
	background-color: #e1e1e1;
	border-radius: 3rem;
}
.order-tag a{
	display: inline-block;
	float: left;
	width: 32%;
	line-height: 4.6rem;
	text-align: center;
	border-radius: 3rem;
	font-weight: bold;
	margin: 0.2rem;
}
.order-tag a:last-child{
	float: right;
}
.order-tag a.current{
	background-color: #fff;
}
.order-list{
	margin: 1rem 1.6rem;
	clear: both;
	height: auto;
	overflow: hidden;
}
.order-list li{
	background-color: #fff;
	border-radius: 1rem;
	padding: 1rem;
	clear: both;
	margin: 1rem 0;
	height: auto;
	overflow: hidden;
}
.orders-details > b{
	display: block;
	margin: 1rem 0 2rem 0;
	font-size: 1.4rem;
}
.orders-details > h3{
	display: block;
	margin: 1rem 0;
	font-size: 1.6rem;
}
.orders-details > p{
	display: block;
	margin: 0.5rem 0;
	font-size: 1.2rem;
	clear: both;
}
.orders-details > p.total-price,.orders-details > p.order-number{
	font-size: 1.4rem;
	font-weight: bold;
}
.orders-details > p span{
	float: right;
}
.orders-details > ul{
	height: auto;
	overflow: hidden;
	clear: both;
	margin: 2rem 0;
	padding: 1rem 0;
	border-top: 0.1rem solid #f0f0f0;
	border-bottom: 0.1rem solid #f0f0f0;
}
.orders-details > ul li{
	clear: both;
	height: auto;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.orders-details > ul li >div{
	clear: both;
	height: auto;
	overflow: hidden;
	display: block;
	padding: 0.5rem 0;
	margin: 0.5rem 0;
}
.orders-details > ul li >p{
	clear: both;
	height: auto;
	overflow: hidden;
	display: block;
	padding: 0.5rem 0 0.5rem 1rem;
	margin: 0.5rem 0;
}
.orders-details > ul li >div b,.orders-details > ul li > p span:first-child{
	float: left;
}
.orders-details > ul li >div span,.orders-details > ul li > p span:last-child{
	float: right;
}
.order-print{
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999;
	background-color: #eef0fa;
	width: 100%;
	padding: 1rem;
}
.order-print a{
	width: 70%;
	display: block;
	line-height: 5rem;
	text-align: center;
	font-size: 1.8rem;
	margin: 1rem auto;
	border-radius: 4rem;
	border: 0.2rem solid #2a2e32;
}
.member-login .user-name,.member-login .user-password{
	background-color: #fff;
	border-radius: 1rem;
	padding: 1rem 2rem;
	margin: 1rem 1.6rem;
	position: relative;
}
.member-login .user-name b,.member-login .user-password b{
	display: block;
	font-size: 1.6rem;
	padding: 1rem 0;
}
.member-login .user-name input,.member-login .user-password input{
	width: 96%;
	font-size: 1.4rem;
	height: 3rem;
	border: 0;
}
.register-a{
	float: right;
	margin: 1rem 1.6rem;
	padding: 0.8rem;
	color: #f06a6c;
}
.login-button{
	margin: 1rem auto 2rem auto;
	border-radius: 3rem;
	height: 4rem;
	width: 70%;
	background-color: #e1e1e1;
	color: #bababa;
	border: 0;
	display: block;
	font-size: 1.6rem;
}
.button-style-b{
	margin: 1rem auto 2rem auto;
	border-radius: 3rem;
	height: 4rem;
	width: 70%;
	color: #f06a6c;
	border: 0.1rem solid #f06a6c;
	display: block;
	font-size: 1.6rem;
}
.button-style-c{
	margin: 1rem auto 2rem auto;
	border-radius: 3rem;
	height: 4rem;
	width: 70%;
	color: #fff;
	display: block;
	font-size: 1.6rem;
	background-color: #1c1c1c;
	line-height: 4rem;
	text-align: center;
}
.login-button.on{
	background-color: #f06a6c;
	color: #fff;
}
.register-button{
	display: block;
	padding: 1rem;
	color: #f06a6c;
	margin: 1rem auto 2rem auto;
	width: 30%;
	text-align: center;
	font-size: 1.6rem;
}
.login-footer{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
}
.member-vcode h3,.member-vcode p,.member-vcode > div{
	padding: 0.5rem 2rem;
	margin: 1rem 0;
}
.member-vcode > div input{
	width: 5rem;
	height: 5rem;
	border: 0.1rem solid #e1e1e1;
	display: inline-block;
	margin: 0 0.5rem;
	text-align: center;
	font-size: 1.6rem;
}
.member-vcode > div{
	text-align: center;
}
.member-center > ul{
	margin: 2rem;
	height: auto;
	overflow: hidden;
}
.member-center > ul > li{
	clear: both;
	height: auto;
	overflow: hidden;
	border-radius: 1rem;
	background-color: #fff;
	margin: 1.5rem 0;
	padding: 2rem 1.5rem;
}
.member-center > ul > li.photo{
	height: 12rem;
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.member-center > ul > li.photo button{
	background-color: #ffcc00;
	color: #3c3c43;
	border-radius: 2rem;
	font-size: 1.6rem;
	border: 0;
	position: absolute;
	width: 10rem;
	height: 4rem;
	left: 50%;
	top: 50%;
	margin: -2rem 0 0 -5rem;
}
.user-photo{
	margin: 2rem 1.6rem 1.5rem 1.6rem;
	height: 16rem;
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.user-photo button{
	background-color: #ffcc00;
	color: #3c3c43;
	border-radius: 2rem;
	font-size: 1.6rem;
	border: 0;
	position: absolute;
	width: 14rem;
	height: 4rem;
	left: 50%;
	top: 50%;
	margin: -2rem 0 0 -7rem;
}
.member-center > ul > li >p{
	padding-top: 1rem;
	clear: both;
}
.member-center > ul > li > b{
	float: left;
	width: 80%;
}
.member-center > ul > li > a{
	float: right;
	color: #f06a6c;
}
.sendemail-tip{
	margin: 1rem 2rem;
	display: none;
}
.sendemail-tip > div{
	padding-left: 3rem;
	background: url("../platform/images/Icons/exclamation_3917663.png") left top no-repeat;
	background-size: 2.4rem;
}
.sendemail-tip > div p{
	font-size: 1.4rem;
	color: #1c1c1c;
	padding-bottom: 1rem;
}
.sendemail-tip > div span{
	font-size: 1.2rem;
	color: #1c1c1c;
}
.jixuzhuce{
	padding: 2rem;
}
.jixuzhuce h3{
	font-size: 2rem;
}
.jixuzhuce p{
	margin: 1rem 0;
}
.user-password i{
	position: absolute;
	right: 2rem;
	bottom: 1rem;
	display: block;
	background-image: url("../platform/images/icon_eye_h.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 2.4rem;
	width: 3rem;
	height: 3rem;
}
.user-password i.change{
	background-image: url("../platform/images/icon_eye_s.png");
}
.user-face{
	padding: 1rem;
	margin: 1rem;
	text-align: center;
	line-height: 1rem;
}
.user-face i{
	width: 2rem;
	height: 2rem;
	display: inline-block;
	margin-right: 0.5rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 2rem;
}
.member-login .user-name.register-finish{
	margin: 15rem 2rem;
	padding: 2rem;
}
.register-finish > img{
	width: 4.8rem;
	height: auto;
	margin: 1rem auto;
	display: block;
}
.register-finish > h3{
	font-size: 2rem;
	text-align: center;
}
.vcode-err-layer{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,.6);
	z-index: 10025;
}
.vcode-err-layer > div{
	width: 70%;
	height: 14rem;
	background-color: #fff;
	border-radius: 1rem;
	top: 50%;
	left: 15%;
	position: absolute;
	margin-top: -7rem;
	overflow: hidden;
}
.prompt-content{
	height: 10rem;
	border-bottom: 0.1rem solid #e5e5e5;
	text-align: center;
}
.prompt-content h3{
	margin: 0;
	padding: 1rem 0;
}
.button-2 button{
	width: 49%;
	float: left;
	border: 0;
	height: 4rem;
	color: #007aff;
	background-color: #fff;
}
.button-2 button:first-child{
	border-right: 0.1rem solid #e5e5e5;
}
.button-1 button{
	width: 100%;
	float: left;
	border: 0;
	height: 4rem;
	color: #007aff;
	background-color: #fff;
}