@charset "utf-8";
/* CSS Document */
/*注册*/
.formBox { margin:0 1em 1em; }
.formBox dl { margin-top: 1em;text-align: left;}
.formBox dt { font-weight: bold;}
.formBox dt span { vertical-align: middle;}
.formBox dd {margin-top: 0.1em; border-bottom:1px solid #ececec ;}
.formBox .input { border: 0; outline-width: 0; line-height: 2.8em; height: 2.8em;}
.formBox .pic { display: inline-block; 
width: 1em; height: 1em; background: center center no-repeat;
background-size:contain ;}
.formBox .pic_mb { background-image: url(../imgs/mb.png);}
.formBox .pic_pass { background-image: url(../imgs/pass.png);}
.formBox .pic_safe { background-image: url(../imgs/safe.png);}
.formBox .pic_code { background-image: url(../imgs/code.png);}
	.formBox .btn {
		display: block;
		cursor: pointer;
		margin: 1em 0 0;
		line-height: 2.6;
		padding-top: 1px;
		color: #fff;
		background-color: #252b45;
		-moz-border-radius: 1.7em;
		-webkit-border-radius: 1.7em;
		border-radius: 1.7em;
		border-width: 0;
		width: 100%;
		height: 50px;
	}
.payInfo .btn {
	display: block;
	cursor: pointer;
	margin: 1em 0 0;
	line-height: 2.6;
	padding-top: 1px;
	color: #fff;
	background-color: #252b45;
	-moz-border-radius: 1.7em;
	-webkit-border-radius: 1.7em;
	border-radius: 1.7em;
	border-width: 0;
	width: 100%;
	
}
.formBox .txt { margin-top: 1em;}
.formBox .txt a { color: #252b45;}
.formBox .tip { text-align: left; font-size: 0.85em; font-weight: bold; margin-top: 1.1em;}

.inteBox {
	margin:0 1em; height: 50vw;
	-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
	background: rgb(88,88,88); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(88,88,88,1) 0%, rgba(64,64,64,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(88,88,88,1) 0%,rgba(64,64,64,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(88,88,88,1) 0%,rgba(64,64,64,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585858', endColorstr='#404040',GradientType=0 ); /* IE6-9 */
    justify-content: center; align-items: center;
	display: flex;
}
.inteBox .txt { color: #fff; }
.inteBox .num {font-size: 3em;font-weight: bold; }
.inteTxtBox {margin:1.5em 1em 0;
text-align: left;}
.inteTxtBox .title { font-weight: bold; font-size: 1.2em;}
.inteTxtBox .txt { margin-top: 0.7em;}

.fundBox {
	margin:0 1em; height: 50vw;
	-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
	background: rgb(239,208,161); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(239,208,161,1) 0%, rgba(238,177,91,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(239,208,161,1) 0%,rgba(238,177,91,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(239,208,161,1) 0%,rgba(238,177,91,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efd0a1', endColorstr='#eeb15b',GradientType=0 ); /* IE6-9 */
    justify-content: center; align-items: center;
	display: flex;
}
.fundBox .txt { color: #724300; }
.fundBox .num {font-size: 3em;font-weight: bold; }
.fundTxtBox {margin:1.5em 1em 0;
text-align: left;}
.fundTxtBox .title { font-weight: bold; font-size: 1.2em;}
.fundTxtBox .txt { margin-top: 0.7em;}

/*财务*/
.finaList { margin: 0 1em;border-bottom:1px solid #eee ; }
.finaList li { border-top:1px solid #eee ; padding: 0.7em 0; color: #000; display: flex; 
justify-content: space-between; align-items: flex-start;}
.finaList .txt{ text-align: left;}
.finaList .num{font-size: 1.1em;font-weight: bold; color: #ec9801; text-align: right; margin-left: 1em;}
.finaList .num2 {font-size: 1.1em;font-weight: bold; text-align: right; margin-left: 1em;}
.finaList .name{ font-size: 1.1em; font-weight: bold; }
.finaList .time{ margin-top: 0.3em; color: #999; font-size: 0.9em;}

.contBox { margin: 1em 2em; text-align: left; color: #999; line-height: 1.8em;}

/*我的会员*/

.membBox {color: #fff; 
	margin:0 1em; height: 50vw; padding:0 2em;
	-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#474747+0,313131+100 */
	background: rgb(71,71,71); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(71,71,71,1) 0%, rgba(49,49,49,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(71,71,71,1) 0%,rgba(49,49,49,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(71,71,71,1) 0%,rgba(49,49,49,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#313131',GradientType=0 ); /* IE6-9 */

    justify-content: space-around; align-items: flex-start; text-align: left;
	display: flex;  flex-direction: column;
	
	 -moz-box-shadow: 0 1em 1em rgba(0, 0, 0, .15);
	 -webkit-box-shadow: 0 1em 1em rgba(0, 0, 0, .15);
	 box-shadow: 0 1em 1em rgba(0, 0, 0, .15);
}
.membBox .txt2 { margin-top: 1em; }
.membBox .name { font-size: 1.8em;}
.membBox .txt .num { color: #fff; font-size: 1.2em; }
.membBox .txt2 .num { color: #c8b690; }

.membTxt { margin: 2.5em 2em 2em; color: #999; text-align: left;}
.membTxt li { margin-top: 1.5em;}

.orderTab ul { line-height: 3em; background-color: #eee; display: flex; justify-content: space-around; align-items: center;}
.orderTab ul li { cursor: pointer;}
.orderTab ul .on { color: #ec4156;}


.orderdList li {flex: 1; border-bottom: 1em solid #eee;}
.orderdList .lit { padding: 0.8em 1em 0.6em;border-bottom:1px solid #f0f0f0;
display: flex; justify-content: space-between; align-items: center;}
.orderdList .pro{ padding: 0.9em 1em 0.7em; }
.orderdList .pro {display: flex; justify-content: flex-start;
 text-align: left; align-items: center;}
 .orderdList .pro .pic {width: 3.6em; height: 3.6em;}
 .orderdList .pro .pic img {  width: 100%; height: 100%;
  cartList-fit: contain;}
 .orderdList .pro .txt { margin-left: 0.6em; flex: 1;}
 .orderdList .pro .name { font-weight: bold; font-size: 1em; color: #3e3e3e; }
 .orderdList .pro .intro { color: #8f8f8f; font-size: 0.8em;}
 
.orderdList .price1 { text-align: right;font-size: 0.8em;}
.orderdList .price1 .num { color: #999;}
.orderdList .price1 .price span { font-size: 1.3em;}
.orderdList .pricet { padding: 0 1.2em; font-size: 0.8em; text-align: right;
font-weight: bold; margin-bottom: 0.5em;}
.orderdList .pricet span { font-size: 1.3em;}
.orderdList .btnw {  border-top:1px solid #f0f0f0;
 padding: 0.5em 1em; line-height: em;
 text-align: right; font-size: 0.9em;
}
.orderdList .btnw .btn { display: inline-block; margin-left: 1em; 
padding: 1px 1.4em 0; line-height: 2em;
 border: 1px solid #eee; color: #161616;
  -moz-border-radius:1.5em; -webkit-border-radius:1.5em; border-radius:1.5em;}
.orderdList .btnw .btnRed {display: inline-block; margin-left: 1em; 
padding: 1px 1.4em 0; line-height: 2em;
	color: #ec4156; border: 1px solid #ec4156 ;
-moz-border-radius:1.5em; -webkit-border-radius:1.5em; border-radius:1.5em;}

.addList { border-top: 1px solid #eee;}
.addList li {padding: 1em; text-align: left; display: flex; justify-content: space-between;
align-items: flex-start;}
.addList .txt {flex:1;}
.addList .name { font-size: 1.2em; font-weight: bold;}
.addList .tel { color: #999;}
.addList .txt2 { margin-top: 0.3em; color: #666}
.addList .edit { color: #999; margin-top: 0.2em; margin-left: 1em;}
.addList { border-bottom: 1em solid #eee;}

.footer_p .btnAdd { margin: 0.6em 1em; display: block;
    background-color: #ec4154;
    border: 1px solid #ec4154;
    color: #fff;
    font-size: 0.9em;
    line-height: 3.1;
    -moz-border-radius: 1.5em;
    -webkit-border-radius: 1.5em;
    border-radius: 1.5em;}
	
	/*收银台*/
	.orderInfo { border-top: 1px solid #ebebeb; 
	 border-bottom: 0.5em solid #f4f4f4;
	 background-color: #fff; padding: 0 1em;}
	.orderInfo dl { border-bottom: 1px solid #ebebeb; 
	padding: 0.7em 0;
	display: flex; justify-content: space-between; align-items: center;}
	.orderInfo dl:last-child { border-bottom: 0;}
	.orderInfo dt { color: #999; margin-right: 0.5em;}
	.orderInfo dd { color: #000;}
	.orderInfo dd .price { color: #252b45;}
	
	.payInfo { border-top: 1px solid #ebebeb; 
	 border-bottom: 0.5em solid #f4f4f4; text-align: left;
	 background-color: #fff; padding: 0 1em;}
	.payInfo dl { border-bottom: 1px solid #ebebeb; 
	padding: 1em 0;
	display: flex; justify-content: space-between; align-items: center;}
	.payInfo dl:last-child { border-bottom: 0;}
	.payInfo dt { width: 3.6em; color: #999; margin-right: 0.8em;
	border-right: 1px solid #ebebeb; }
	.payInfo dd { color: #000; flex: 1;}
	.payInfo dd .price { color: #252b45;}
	
	.payInfo dt .pic {}
	.payInfo dt .pic img { display: block; width: 2.6em; height: 2.6em;
	object-fit: contain;}
	
	.payInfo dd img {vertical-align: middle; height: 1em; width: auto;}
	.payInfo dd span { vertical-align: middle;}
	.payInfo dd .intro{ margin-top: 0.2em; color: #9a9a9a; font-size: 0.9em;}
	
.tipBox { margin-top: 3em;}
.tipBox .pic img { width: 4em; height: auto;}
.tipBox .txt { color: #252b45; font-size: 1.6em;}

/*区域明细*/
    .rewaList { border-top: 1px solid #ebebeb;  text-align: left;
	 background-color: #fff; padding: 1em 1em 0;}
	.rewaList .title { font-weight: bold;}
	.rewaList dl { background-color: #f6f6f6; margin-top: 1em;
	 padding: 1em;
	 display: flex; justify-content: space-between; align-items: center;
	 -moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
	.rewaList dl:last-child { border-bottom: 0;}
	.rewaList dt { font-size: 0.9em; color: #000; margin-right: 0.8em; }
	.rewaList dd .price { font-size: 1.15em; color: #c1a575;}
	
	.rewaList .date{ margin-top: 0.3em; color: #999; font-size: 0.9em;}