@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: #fff;}

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
}

body {
/* max-width: 640px */
}
}
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: 10rem;
	width: 100%;
	position: fixed;
	background-color: #fff;
	top: 0;
	left: 0;
}
.header .logo{
	padding: 0.5rem 0 0 2rem;
	float: left;
}
.header .logo img{
	width: auto;
	height: 4rem;
}
.header .page-title{
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	line-height: 5rem;
}
.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-fav{
	padding-top: 1rem;
}
.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{
	clear: both;
	padding: 2rem 0 12rem 0;
}
.main-ti{
	padding: 1rem 2rem;
	font-size: 1.5rem;
}
.main-ti span{
	float: right;
	display: inline-block;
	line-height: 2rem;
	font-size: 1.2rem;
	color: #fff;
	background-color: #333333;
	border-radius: 2rem;
	padding: 0.2rem 1rem;
}
.main-store-list > li{
	padding: 2rem 0;
	margin: 0 2rem;
	clear: both;
	shape-inside: auto;
	overflow: hidden;
	position: relative;
	border-bottom: 0.1rem solid #EDEDED;
}
.main-store-list > li > a > h3{
	padding: 0.5rem 0;
	margin: 0;
	font-size: 2rem;
	color: #333;
}
.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: 6rem;
	height: 6rem;
	display: block;
	float: left;
	margin-right: 1rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.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;
	
}

.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;
}
.search-filter a{
	display: inline-block;
	background-color: #F4F4F4;
	width: 40%;
	line-height: 2.8rem;
	border-radius: 2rem;
	text-align: center;
	font-size: 1.2rem;
	color: #6A6A6A;
	margin: 0 3% 0 5%;
}
.search-number{
	padding: 4rem 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: #fff;
	display: none;
}
.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;
}
.search-layer .search-bar input{
	background: none;
	padding-left: 1.5rem;
	width: 75%;
	float: left;
}
.search-layer .search-bar button{
	background: #E5C148 url("../platform/images/search-bar.png") center center no-repeat;
	background-size: 2rem;
	float: right;
	width: 18%;
	height: 3rem;
	margin: 0;
	border: 0;
}
.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%;
}
.search-ctr a{
	width: 50%;
	float: left;
	display: block;
	line-height: 5rem;
	text-align: center;
	font-size: 1.8rem;
}
.search-ctr a:first-child{
	background-color: #f5f5f5;
}
.search-ctr a:last-child{
	background-color: #E5C148;
}
.search-layer-food{
	overflow: scroll;
}
.food-list{
	padding: 6rem 2rem 12rem 2rem;
	clear: both;
}
.food-list > h3{
	padding: 1rem 0;
	margin: 0;
	font-size: 1.6rem;
	clear: both;
}
.food-list > div{
	padding: 1rem;
	background-color: #FAFAFA;
	overflow: hidden;
	height: auto;
}
.food-list > div > a{
	line-height: 2rem;
	font-size: 1.2rem;
	border: 0.1rem solid #707070;
	border-radius: 2rem;
	padding: 0.3rem 1.2rem;
	float: left;
	margin: 0 1rem 1.5rem 0;
}
.food-list > div > a.current{
	background-color: #FAAE01;
	border: 0.1rem solid #FAAE01;
	color: #fff;
}

.mainHead{
	width: 100%; 
	height: 5rem;	
	position: relative;
	background-color: #f5f5f5;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 5rem;
}
.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/menu_3x.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;
}
#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 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("../areuhungry/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;
}
.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;
	
}