:root {
  --main-color: #FFC30E;
  --list-width: 92%;
  --split-height : 10px;
  --border-radius: 10px;
}


@font-face{
	font-family: "Inter";
	src: url("./font/NotoSans.ttf") format("ttf");
	font-weight:500;
}
body,div{
	/*font-family: "Inter";*/
	font-family: "Microsoft YaHei",Arial,"-apple-system",sans-serif;
	-webkit-tap-highlight-color :transparent;
	font-weight: 500;
}
@media screen and (min-width:1024px) {
	.wrap_market{display: none;}
	.wrap_head{width: 100%; height: 120px; text-align: center;z-index: 1; display: none;}
	.closeflag{font-size: 0.8em; color: #fff;}
    .wrap_allmenu{  display: flex;  background-color: #fff; width:90%; }

    .wrap_categoryGroup{ width: 90%; }
    .wrap_select{width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background-color: rgba(0,0,0,0.5); display: flex;   justify-content:center;flex-direction: column; }
	.wrap_select_inner{width: 500px; max-height: 80%;  background-color: rgba(255,255,255,1); overflow-y: auto; overflow-x: hidden; padding-bottom: 20px; }
	.wrap_select_close{width: 500px; }
	.wrap_select_bottom{width: 500px;}
	.wrap_allmenu .wrap_scategorybig{display: block; position: static; background-color: #fff; z-index: 0;; padding-top: 10px; padding-bottom: 10px;}
	.wrap_scategory_inner{max-width: 800px;}
	.wrap_scategorybig .wrap_scategory_inner {background-color: #fff;}
	.wrap_scategorybig{flex: 2; height: 100%}
	.wrap_middle{flex: 7; background-color: #fff; border-left: 1px #ccc solid; }

	.wrap_info{height:30px; margin: 0 auto; background-color: #333;  padding: 10px 0px 10px 0px; margin-bottom: 20px;   z-index: 999;}


	.wrap_menu_bigpic img {width: auto; height: 50vh; border:4px #fff solid;}
	.wrap_shopingcard_inner .wrap_shopingcard_inner_orderlist{position: fixed; width: 500px; height: 100%; left: 0px; right: 0px;bottom: 100px; background-color: #fff;}

	.wrap_info_name{ font-size:1.5em; font-weight: bold;  color: #fff; float: left; margin: 0px 0px 10px 5%; display: flex; justify-content: flex-start;}
	.wrap_info_name img { width: 30px; height: 30px; padding-right: 5px; }
	.wrap_info_name img:first-child{ filter:contrast(0%);}
	.wrap_info_tel{font-size: 0.9em; margin-top: 5px; margin-right:5%; color: #fff; float: right;  padding-left: 30px; background: url("../images/skin/yellow/phone.png") 8px center no-repeat; background-size: 15px 15px;}
	.wrap_info_tel2{font-size: 0.9em; margin-top: 5px;  color: #fff; float: right;  padding-left: 30px; background: url("../images/skin/yellow/phone.png") 8px center no-repeat; background-size: 15px 15px;}

	.wrap_info_address{font-size: 0.9em; margin-top: 5px; color: #fff;float: right;   padding-left: 30px; background: url("../images/skin/yellow/location.png") 8px center no-repeat; background-size: 15px 15px;}
	.wrap_info_remark{font-size: 0.9em;margin-top: 5px;  color: #fff;float: right;   padding-left: 30px; background: url("../images/skin/yellow/note.png") 8px center no-repeat; background-size: 15px 15px;}
	.wrap_info_signbtn,.wrap_info_usercenterbtn{display: none;}
	.wrap_info_remarkw{font-size: 0.9em;margin-top: 5px;  color: #fff;float: right;   padding-left: 30px; background: url("../images/skin/yellow/note.png") 8px center no-repeat; background-size: 15px 15px;}
	.wrap_info_remarks{display: none;}	


	.wrap_info_registCouponw{font-size: 0.9em;margin-top: 5px;  color: #fff;float: right;   padding-left: 30px; background: url("../images/icon/icon_registCoupon.png") 8px center no-repeat; background-size: 15px 15px;}
	.wrap_info_orderCouponw{font-size: 0.9em;margin-top: 5px;  color: #fff;float: right;   padding-left: 30px; background: url("../images/icon/icon_orderCoupon.png") 8px center no-repeat; background-size: 15px 15px;}
	.wrap_info_getCouponw{font-size: 0.9em;margin-top: 5px;  color: #fff;float: right;   padding-left: 30px; background: url("../images/icon/icon_getCoupon.png") 8px center no-repeat; background-size: 15px 15px;}
	.wrap_info_shareRegistw{font-size: 0.9em;margin-top: 5px;  color: #fff;float: right;   padding-left: 30px; background: url("../images/icon/icon_invite.png") 8px center no-repeat; background-size: 15px 15px;}
	.wrap_info_shareOrderw{font-size: 0.9em;margin-top: 5px;  color: #fff;float: right;   padding-left: 30px; background: url("../images/icon/icon_share.png") 8px center no-repeat; background-size: 15px 15px;}


	.wrap_info_registCoupons{display: none;}	
	.wrap_info_orderCoupons{display: none;}	
	.wrap_info_getCoupons{display: none;}	
	.wrap_info_shareRegists{display: none;}	
	.wrap_info_shareOrders{display: none;}	

	.wrap_menu{width: 98%; margin-top: 15px; margin-bottom: 20px; }	
	.wrap_desc{width: 98%; color: #999; padding: 5px 0px 5px 0px; font-size: 0.8em; word-wrap : break-word ;}

	.wrap_categoryGroup{ height: 40px; line-height: 40px;}
	.wrap_categoryGroup .oneGroup{height: 40px; line-height: 40px; float: left; padding: 0px 40px 0px 40px; color: #000; overflow: hidden;  cursor: pointer; text-align: center; }
	.wrap_categoryGroup .selectGroup {color: #000; background-color: #fff; overflow: hidden; font-weight: bold; font-size: 1.2em;}

	.wrap_menu_one{width: 100%; height: auto;  border-bottom: 1px #dfdfdf solid; padding-bottom: 5px;  position: relative; display: flex; }

	.wrap_category{  width: 100%; background: url("../images/iconb/icon_list.png") #fff 12px center no-repeat; background-size: 15px 15px; height: 40px; line-height: 40px; text-indent: 40px;   border-bottom:1px #ccc solid;}
	.wrap_category_main {height: 40px; line-height: 40px; font-weight: bold; font-size: 1.1em; width: auto; float: left; padding-right: 25px; background:url('../images/icon_down.png') right center no-repeat; background-size: 15px 15px; overflow-y: hidden;}

	
	.wrap_login_inner{width: 600px;}
	.wrap_login{ display: flex;   justify-content:center;flex-direction: column;}
	.listicon{display: none;}
	.categorylistwrap { display: none; }
	.categoryleftwrap .wrap_scategory{display: block;}

	.wrap_orgInfo{display: none;}
}

@media screen and (max-width:1023px) {
	.wrap_head{width: 100%;  text-align: center;z-index: 1; height: 100px;background-color: #F9f9f9;}
	.closeflag{font-size: 0.8em; color: #000;}
	.wrap_allmenu{ width: 100%; margin: 0 auto; border-radius: var(--border-radius); background-color: #F9f9f9;  }
	.wrap_categoryGroup{ width: 100%; }
    .wrap_select{width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background-color: rgba(0,0,0,0.5); display: flex;   justify-content:flex-end;flex-direction: column; }
	.wrap_select_close{width: 100%;}
	.wrap_select_bottom{width: 100%;}
	.wrap_select_inner{width: 100%;   background-color: rgba(255,255,255,1); overflow-y: auto; overflow-x: hidden; padding-bottom: 20px;}
	/*.wrap_allmenu .wrap_scategorybig{display: none;}*/
	.wrap_allmenu .wrap_scategory{position:static; background-color: #fff;   }
	.wrap_allmenu .wrap_scategory .wrap_scategory_inner .wrap_scategory_one:first-child{background: url('../images/2025/icon_list.png') 5% 10px #fff no-repeat; background-size: 20px 20px;}
	

	.wrap_allmenu .wrap_scategory_inner{display: flex;flex-wrap: nowrap;overflow-x: auto;}
	.wrap_scategory_inner .wrap_scategory_one {padding: 0px 20px 0px 0px;  font-weight: bolder; overflow:visible; white-space:nowrap; text-overflow:clipss; background-image: none; text-indent:10px;}
	.wrap_allmenu .wrap_scategory_inner .wrap_scategory_one{text-indent: 0px;}
	.select {border-left: 2px #FF9B39 solid; }
	.wrap_vue{background: #fff ; overflow-x: hidden;}
	.wrap_info{ height: 30px; background-color: #fff;   padding:16px 20px 10px 20px; z-index: 999; cursor: pointer;  width: var(--list-width); position: fixed; top: 0px; }
	
	.wrap_market{margin: 0 auto; background-color: #fff; position: relative; border-radius: var(--border-radius); width:var(--list-width); padding: 10px 0px 20px 0px; margin-bottom: 10px;  border:1px #dfdfdf solid; }
	.wrap_market_title{margin-top: 5px;  color: #000; font-size: 1.2em; font-weight: bold; padding-left: 20px; line-height: 30px;}
	.wrap_middle{border-radius: var(--border-radius); background-color: #F9f9f9;  }
	.wrap_menu_bigpic img {width: 80%; height:auto;  border:4px #fff solid;}

	.wrap_info_name{font-size: 1.2em; font-weight: bold;  color: #000; margin-bottom: 10px; line-height: 30px; display: flex; justify-content: flex-start;}
	.wrap_info_name img { width: 30px; height: 30px; padding-right: 5px; }
	.wrap_info_tel,.wrap_info_tel2{ display: none; font-size: 0.9em; margin-top: 5px; color: #FBE8C3; background-color:#ED6E4E; border-radius: 5px; float: left; clear:both;  padding:5px 10px 5px 10px;  }
	.wrap_info_address{display: none;font-size: 0.9em; margin-top: 5px; color: #9B521C;  background-color: #FBE8C3; border-radius: 5px; float: left; clear:both;  padding:5px 10px 5px 10px; }
	.wrap_info_remark{ display: none;font-size: 0.9em;margin-top: 5px;  color: #FBE8C3; background-color: #FBE8C3; border-radius: 5px; float: left; clear:both; padding:5px 10px 5px 10px; }
	.wrap_info_signbtn{width:60px; height: 30px; position: absolute; right: 10px; line-height: 30px; text-align: center; padding: 0px 10px 0px 10px; border-radius: 20px; border:1px var(--main-color) solid; color:var(--main-color); float:right; margin-right: 10px; font-size: 0.8em; text-indent: 0px; }	
	.wrap_info_usercenterbtn{width: 30px; height: 30px; position: absolute; right: 10px; background: url('../images/2025/icon_usercenter.png') center right no-repeat; background-size: 20px 20px;float:right; margin-right: 10px; }
	.wrap_info_remarks{font-size: 0.9em;margin-top: 5px;  color: #7A7A7A; padding-left: 20px; filter:contrast(0%);}
	.wrap_info_remarkw{display: none;}	


	.wrap_info_registCoupons{font-size: 0.9em;margin-top: 5px;  color: #666; padding-left: 20px; line-height:20px;   }
	.wrap_info_orderCoupons{font-size: 0.9em;margin-top: 5px;  color: #666; padding-left: 20px; line-height:20px; }
	.wrap_info_getCoupons{ background:url('../images/2025/icon_coupon.png') no-repeat; background-size: 80px 30px; width: 80px; height: 30px; position: absolute; right: 20px; top: 20px;  }
	.wrap_info_shareRegists{font-size: 0.9em;margin-top: 5px;  color: #666; padding-left: 20px; line-height:20px; }
	.wrap_info_shareOrders{font-size: 0.9em;margin-top: 5px;  color: #666; padding-left: 20px;  line-height:20px; }
	

	.wrap_info_registCouponw{display: none;}	
	.wrap_info_orderCouponw{display: none;}	
	.wrap_info_getCouponw{display: none;}	
	.wrap_info_shareRegistw{display: none;}	
	.wrap_info_shareOrderw{display: none;}	


	.wrap_menu{width: var(--list-width); margin-top: 5px; margin-bottom: 20px; background-color: #fff; border-radius: var(--border-radius); padding-bottom: 10px; border:1px #dfdfdf solid; }	
	.wrap_desc{width: var(--list-width); color: #999; padding: 0px 0px 5px 0px; font-size: 0.8em; word-wrap : break-word ;}

	.wrap_categoryGroup{ height: 40px; line-height: 40px; display: flex;  border-bottom: 2px #fff solid; border-top: 2px #fff solid;}
	.wrap_categoryGroup .oneGroup{height: 40px; line-height: 40px; flex: 1; color: #000; overflow: hidden;  cursor: pointer; text-align: center; font-weight: bolder; }
	.wrap_categoryGroup .selectGroup {color: #C9A879; overflow: hidden; }
	
	.wrap_menu_one{width: var(--list-width); height: auto;  border-bottom: 1px #dfdfdf solid; padding-bottom: 5px;  position: relative; display: flex; }

	.wrap_category{  width: var(--list-width); height: 30px; line-height: 30px;   color: #000;  background:url('../images/icon_down.png') right center no-repeat; background-size: 15px 15px; }
	.wrap_category_main {height: 30px; line-height: 30px; font-weight: bold; font-size: 1.1em; width: auto; float: left; padding-right: 25px;overflow-y: hidden;}
	
	.wrap_login_inner{width: 100%;}
	.wrap_login{ display: flex;   justify-content:flex-end;flex-direction: column;}

	.categorylistwrap{position: fixed;top: 50px; display: block; background-color: #fff; z-index: 100;}
	.categoryleftwrap .wrap_scategory{display: none;}
	.wrap_orgInfo{width: 100%; height: 80px; background:url('../images/2025/icon_success.png') #FFF1D5 20px center  no-repeat; background-size: 30px 30px;}
	.wrap_orgInfo_inner{width: 100%; height: 80px; background:url('../images/2025/icon_right.png') center right 20px no-repeat; background-size: 30px 30px; }
	
}

body{font-size: 16px; }
html,body{min-height: 100%; }
body{ background:#f2f2f2; letter-spacing: 0.5px; }


.wrap_head img { width: 100%; height: 100%;z-index: 1; filter: blur(20px);}



.wrap_search{width: 90%; height: 50px; line-height: 50px; display: flex; margin-top: 20px;}
.wrap_search .wrap_search_input{ flex: 7; height: 30px; line-height: 30px; }
.wrap_search .wrap_search_input input{width: 100%; height:26px; text-indent: 5px; border: 1px #FF9B39 solid; }
.wrap_search .wrap_search_btn{flex: none; width: 100px; height: 28px; line-height: 28px; text-align: center; background-color:#FF9B39; color: #fff; border: 1px #FF9B39 solid; }



.wrap_menu_pic{flex: none; width: 80px; height: 80px; margin: 10px 0px 5px 10px; background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: var(--border-radius);}
.wrap_menu_pic img{width: 100%; height: 100%; border-radius: var(--border-radius);}
.wrap_menu_info{flex: 1; padding: 10px 0px 10px 0px;}
.menuName{flex: 1; width: 100%; text-indent: 10px; font-weight: bold; font-size:1em; color: #000; line-height: 30px; display: table-cell;vertical-align: middle;  }
.menuName img{width: 20px; height: 20px; vertical-align: middle; }
.menuDesc{flex: 1;  width: 100%; min-height: 20px; padding-left: 10px; color: #999; font-size: 0.8em; padding-bottom: 10px;}
.menuDesc div{ width: 100%; min-height: 20px; overflow: hidden; }
.menuPrice{flex: 1; width: 100%; text-indent: 10px; color: #333; font-size: 1em; }
.menuCmd{ height: 30px; position: absolute; right: 10px; bottom: 5px;-ms-user-select: none;-webkit-user-select: none; }
.menuCmd .menuCmdNum,.menuCmd2 .menuCmdNum{ width: 30px; height: 20px; line-height: 20px; text-align: center; float: right; }
.menuCmdNum input { width: 20px; height: 20px; line-height: 20px; text-align: center; border:none; }

.menuCmd .menuCmdLess ,.menuCmd2 .menuCmdLess{ width: 20px; height: 20px;  float: right;background:url("../images/2025/icon_less.png") center center; background-size: 20px 20px;}
.menuCmd .menuCmdAdd ,.menuCmd2 .menuCmdAdd{ width: 20px; height: 20px; float: right; background:url("../images/2025/icon_add.png") center center; background-size: 20px 20px;}

.menuCmd .menuCmdSelect ,.menuCmd2 .menuCmdSelect{width: 50px; height: 20px; line-height: 20px; color: #FFF;background: var(--main-color); border:1px var(--main-color) solid; border-radius: 20px; text-align: center;  cursor: pointer; font-size: 0.8em;}


.wrap_select { z-index: 1000; }

.wrap_select_title{width: 100%; min-height: 80px; flex: none; line-height: 40px; padding-left: 10px; position: relative; font-weight: bold;}
.wrap_select_desc {width: 96%;  margin:0 auto; margin-top: 3px; min-height: 30px; flex:none;color: #999; font-size: 0.8em;}
.wrap_select_img{width: 100%;  }
.wrap_select_img img {width: 95%;}
.wrap_select_price{color: var(--main-color); float:left; width: 90px;}
	.wrap_select_close{ height: 50px; line-height: 50px; background: url('../images/icon/icon_cancel.png') #fff 5px center no-repeat; background-size: 40px 40px; border-radius: var(--border-radius) var(--border-radius) 0px 0px;  }
.wrap_select_wgroup{width: 100%; flex: 1; overflow-y: auto; overflow-x: hidden;}
.wrap_select_group{width: 100%; margin: 0 auto; margin-top: 10px; padding-bottom: 10px; float: left; border-bottom: 1px #ccc solid;}
.wrap_select_goup_title{width: 100%; line-height: 20px; color: #333; text-indent: 10px; font-weight: bold; }
.wrap_select_goup_title span{color: #dc143c; cursor: pointer; float: right; margin-right: 10px;}
.wrap_select_group_one{-ms-user-select: none;-webkit-user-select: none;float: left; margin-left: 10px; text-align: left; width:90%; padding: 10px 0px 10px 30px; background: url('../images/iconb/icon_nocheck.png') left center no-repeat; background-size: 20px 20px; margin-top: 5px; cursor: pointer; font-size: 0.8em; position: relative; }
.wrap_select_group_one_num{position: absolute; width: 20px; height: 20px; line-height: 20px; border-radius: var(--border-radius); text-align: center; color: #999; right: 38px; top: 8px; }
.wrap_select_group_one_num_less{position: absolute; width: 20px; height: 20px; line-height: 20px; background:url("../images/2025/icon_less.png") center center  no-repeat; background-size: 20px 20px; text-align: center; color: #999; right: 65px; top: 8px; }
.wrap_select_group_one_num_add{position: absolute; width: 25px; height: 25px; line-height: 25px;  background:url("../images/2025/icon_add.png") center center  no-repeat; background-size: 20px 20px; text-align: center; color: #999; right: 10px; top: 6px; }
/*.wrap_select_close{position: absolute; width: 25px; height: 25px; line-height: 25px; background:url("../images/icon/icon_cancel.png") center center  no-repeat; background-size: 25px 25px; text-align: center; color: #999; right: 10px; top: 8px;}*/

.groupselect{ background: url('../images/iconb/icon_check.png') left center no-repeat;background-size: 20px 20px;}
.wrap_select_bottom{flex:none;background-color: #fff; height: 40px; line-height: 40px; display: flex; border-bottom-right-radius: var(--border-radius); border-bottom-left-radius:var(--border-radius); padding-bottom: 20px;}
.wrap_select_bottom_info{flex: 1; height: 40px; line-height: 40px; text-indent: 10px; }
.wrap_select_bottom_btn{width: 95%;  height: 40px; lighting-color: 40px; text-align: center; background-color:#f2f2f2; color: #000;border-radius:  var(--border-radius); }
.wrap_select_bottom .main{background-color:var(--main-color); color: #333; font-weight: bold; }

.wrap_select_remark{width: 100%;  height: 80px; margin-top:15px; padding-bottom: 30px; text-align: center;} 
.wrap_select_remark textarea{width: 90%; height: 80px; padding: 10px; border: 1px #ccc solid; border-radius:  var(--border-radius);}
.wrap_select_addless{width: 70px; float: left; margin-top:10px;  text-indent: 0px; -ms-user-select: none;-webkit-user-select: none;}


.wrap_scategory{width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background-color: rgba(0,0,0,0.5); display: flex;  z-index: 9999;   justify-content:center;flex-direction: column;}
.wrap_scategory_inner{width: var(--list-width);  max-height: 80%; overflow-y: auto; overflow-x: hidden; background-color: rgba(255,255,255,1); border-radius: var(--border-radius);  }
.wrap_scategory_one{cursor: pointer; width: 100%; height: 40px; line-height: 40px; text-indent: 40px; background:url('../images/skin/yellow/meal2.png') 10px center no-repeat; background-size: 20px 20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.fitFoot{height: 100px;}

.wrap_shopingcard{width: 100%; position: fixed; left: 0px; right: 0px; bottom: 0px; padding-bottom: 30px;  display: flex;   justify-content:flex-end;flex-direction: column; }
.wrap_shopingcard_inner{width: 400px;height: auto;  }
.wrap_shopingcard_inner_bottom{width: 90%; height: 40px; line-height: 40px; display: flex; background-color: #ffd800; border:1px #ffd800 solid; border-radius:  50px; cursor: pointer; }
.wrap_shopingcard_user{flex: none; width: 40px; background:url('../images/skin/yellow2/user.png') center center no-repeat; background-size: 25px 25px; border-right:1px #ccc solid;}
.wrap_shopingcard_info{flex :1; display: flex; }
.wrap_shopingcard_btn{flex: none; width: 120px; text-align: center; background-color:var(--main-color); background: linear-gradient(to top right, #FFAE5D, var(--main-color));  color: #fff;-ms-user-select: none;-webkit-user-select: none;}
.btnnovalid{background-color: #ccc;background: linear-gradient(to top right, #ccc, #ccc);  color: #fff; cursor: pointer;}
.wrap_shopingcard_info_num{ width: 40px; height: 40px; line-height: 50px; margin-left: 30px; position:fixed; background: url('../images/2025/icon_shippingcard.png') center center no-repeat; background-size: 30px 30px;  text-align: center; color: var(--main-color); font-size: 0.8em;   }

.wrap_shopingcard_info_one{color: #333; font-weight: bold; font-size: 1.2em;  text-align: center; flex:1;}

.wrap_shopingcard_inner_orderlist{ width: 100%; max-height:80vh; min-height: 10vh; border-radius:  var(--border-radius); margin: 0 auto; background-color: #fff; border: 1px #ccc solid; overflow-y: auto; }
.wrap_shopingcard_inner_orderlist_head{width: 100%; height: 40px; line-height: 40px;  display: flex; border-bottom: 1px #999 solid; }
.wrap_shopingcard_inner_orderlist_head_clear{flex:1; background:url('../images/icon/icon_delete.png') 10px center no-repeat; background-size: 20px 20px; color: #999; text-indent: 35px; font-size: 0.8em;}
.wrap_shopingcard_inner_orderlist_head_close{flex:none; width: 40px;  background: url('../images/icon/icon_cancel.png') center center no-repeat; background-size: 20px 20px;}



.orderlist_item{width: 100%; display: flex; min-height: 80px; border-bottom: 1px #999 solid;}
.orderlist_item_remark{width: 20px; height: auto; padding-left: 10px; flex:none; background:url('../images/skin/yellow2/menu-2.png') center center no-repeat; background-size: 20px 20px;  }
.orderlist_item_noremark{width: 20px; height: auto; padding-left: 10px; flex:none;  }

.orderlist_item_info{flex: 1; display: flex; flex-direction: column;}
.orderlist_item_info_menu{width: 96%; padding-left: 4%; padding-top: 10px; padding-bottom: 10px;  flex: 1; display: flex; align-items: flex-start;  justify-content:center;flex-direction: column;}
.orderlist_item_info_menu_main{width: 100%; text-align: left;}
.orderlist_item_info_menu_follow{width: 100%; text-align: left; font-size: 0.8em; color: #999; }
.orderlist_item_info_menu_remark{ width: 100%; flex:none;  text-align: left; font-size: 0.8em; color: #999; display: flex; align-items: flex-start;  justify-content:space-around;flex-direction: column;}


.orderlist_item_info_follow{width: 96%; padding-left: 4%; flex: 3;color: #999; font-size: 0.8em; display: flex; align-items:  flex-start;  justify-content:space-around;flex-direction: column;}
.orderlist_item_price{width: 80px; color: var(--main-color); font-size: 0.8em; font-weight: bold; display: flex; align-items: center;  justify-content:space-around;flex-direction: column; }
.orderlist_item_cmd{width: 100px; height: auto; display: flex; align-items: center;  justify-content:space-around;flex-direction: column;}

.wrap_shopingcardheight { height: 100%; background-color: rgba(0,0,0,0.8);z-index: 1000;  }

.fixToTop{position: fixed; width: 40px; height: 40px; background:url('../images/icon/icon_totop.png') rgba(255,255,255,0.8) center center no-repeat; background-size: 30px 30px; bottom: 80px; right: 10px; border: 1px #ccc solid; border-radius:10px;}
.searchBtn{position: fixed; width: 40px; height: 40px; background:url('../images/icon/icon_search.png') rgba(255,255,255,0.8) center center no-repeat; background-size: 30px 30px; bottom: 130px; right: 10px; border: 1px #ccc solid; border-radius:10px;}
.searchInfo{position: fixed; padding:0px 15px 0px 15px; text-indent: 20px; color:#bfbfbf; line-height: 40px;   height: 40px; background:url('../images/icon/icon_search.png') rgba(255,255,255,0.8) 2px center no-repeat; background-size: 30px 30px; bottom: 130px; right: 10px; border: 1px #ccc solid; border-radius:10px;}


.wrap_menu_bigpic {width: 100%; height: 100%;  position: fixed; left: 0px; top: 0px; background-color: rgba(0,0,0,0.5); display: flex; align-items: center;  justify-content:center;flex-direction: column; }


.clear{clear: both;}


.wrap_coupon{width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background-color: rgba(0,0,0,0.5); display: flex; align-items: center;  justify-content:center;flex-direction: column; }
.wrap_coupon_inner{width: 380px; height: 297px; background:url('../images/couponbg.png') center center no-repeat; background-size: 350px 287px; display: flex; flex-direction: column;}

.wrap_one{width: 245px;height: 90px;display: flex; margin: 0 auto; margin-top: 152px; }
.wrap_amount{width: 75px; font-size: 1.2em; padding-left:14px; text-align: center; height: 100%;  color:#FF9B39; font-weight: bold; display: flex; align-items: center;  justify-content:space-around;flex-direction: column; }
.wrap_info2{flex:1;  display:flex; flex-direction: column; justify-content:center;}
.wrap_info_one{width: 100%; color:#333; font-size: 0.6em;}


.wrap_start{width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background-color: #fff; z-index: 99999;  display: flex;   justify-content:center;flex-direction: column;}
.wrap_start_logo img {width: 80px;}
.wrap_start_mainname { margin-top: 20px; font-size: 1.2em; font-weight: bold; }
.wrap_start_phone{ margin-top: 20px; font-size: 1.2em; font-weight: bold; }
.wrap_start_address{margin-top: 10px;}
.wrap_start_remark{margin-top: 10px; color: #999;}
.wrap_start_btn{ width: 200px; height: 40px; line-height: 40px; margin-top: 50px; border-radius: var(--border-radius); background-color: var(--main-color); color:#000; text-align: center; font-weight: bold; }

.wrap_login{width: 100%; height: 100%; position: fixed; left: 0px; top:0px; background-color: rgba(0,0,0,0.7); z-index: 99998;}
.wrap_login_inner{background-color: #f2f2f2; padding-bottom: 20px; }
.wrap_login_inner img{width: 100%;}
.wrap_login_mainname{text-align: center; font-size: 1.2em; font-weight: bold; margin-top:30; margin-top: 30px; color:#333;}
.wrap_login_onefiled{width: 100%; text-align: center; height: 50px; line-height: 50px; margin-top: 10px;}
.wrap_login_onefiled input{ border:none;  width: 90%; height: 50px; line-height: 50px; border-bottom: 1px #000 solid; background-color: #f2f2f2;  }
.wrap_login_tabbtn{ width: 90%;  height: 30px; line-height: 30px; margin:0 auto; margin-top: 30px; }
.wrap_login_tabbtn_left{float: left;}
.wrap_login_tabbtn_right{float: right;}
.wrap_login_mainbtn{ width: 90%; margin:0 auto; margin-top: 20px; height: 50px; line-height: 50px; font-weight: bold; border-radius: var(--border-radius); background-color: var(--main-color); color:#333; text-align: center;  }
.wrap_login_btn{ width: 90%; margin:0 auto; margin-top: 20px; height: 50px; line-height: 50px; font-weight: bold; border-radius:  var(--border-radius); border:1px var(--main-color) solid; color:#333; text-align: center;  }



.categorylistwrap .wrap_scategorybig .wrap_scategory_inner::-webkit-scrollbar {/*滚动条整体样式*/
    width: 1px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}


.wrap_login_orword{width: 100%; height: 50px; line-height:70px; text-align: center; color:#999;}
.wrap_login_other{width: 100%; display: flex;}

.wrap_login_other div{ width: 80px; height: 80px; border-radius: 80px;  background-size: 80px 80px; cursor: pointer;}
.wrap_login_other_phone{background:url('../images/2025/icon_phone.png') center center no-repeat;}
.wrap_login_other_google{background:url('../images/2025/icon_google.png') center center no-repeat; }

.wrap_phonelogin{width: 100%; height: 100%; background-color: #fff; position: fixed; left: 0px; top: 0px; z-index: 9999;}
.wrap_phonelogin_back{width: 90%; margin: 0 auto; margin-top:20px; height: 30px; line-height: 30px; text-align: left; color:#000; background:url('../images/2025/icon_left.png') left center no-repeat; background-size: 30px 30px;}
.wrap_phonelogin_ts{width: 90%; margin: 0 auto; height: 30px; line-height: 30px; text-align: left; color:#000; font-size: 1.5em; margin-top: 30px;}
.wrap_phonelogin_tsdesc{width: 90%; margin: 0 auto; height: 30px; line-height: 30px; text-align: left; color:#000; }
.wrap_phonelogin_onerow{width: 90%; margin: 0 auto; height: 50px; line-height: 50px; margin-top: 20px;}
.wrap_phonelogin_phone{width: 100%; background-color: #ddd; border-radius: 5px; text-indent: 20px; height: 50px; line-height: 50px;}
.wrap_phonelogin_phone input { border:none; width:200px; height: 20px; line-height: 20px; background-color: #ddd; border-left: 1px #000 solid; text-indent: 20px; }
.wrap_phonelogin_code{ width: 45%; float: left; background-color: #ddd; border-radius: 5px; height: 50px; line-height: 50px; }
.wrap_phonelogin_code input { width: 90%; margin-top: 15px; height: 20px ; line-height: 20px; border:none; background-color: #ddd;text-indent: 20px; }
.wrap_phonelogin_vcode{width: 45%; float: right; height: 50px; text-align: center; line-height: 50px; border-radius: 5px; background-color: var(--main-color); cursor: pointer;}
.wrap_phonelogin_btn{ width: 90%; margin: 0 auto; margin-top: 20px; height: 50px; line-height: 50px; border-radius: 5px; text-align: center; background-color: var(--main-color); cursor: pointer; }

.wrap_select_group_one img{width: 20px; height: 20px;vertical-align : middle;}


.wrap_gift{width: 100%; height: 100%; position: fixed; left: 0px; top:0px; background-color: rgba(0,0,0,0.7); z-index: 99998;display: flex; align-items: center;  justify-content:center;flex-direction: column;}
.wrap_gift_inner{background-color: #f2f2f2; width: 500px; height: 80%; border-radius: var(--border-radius); }

.wrap_gift_one{width: 100%; height: auto;  border-bottom: 1px #dfdfdf solid; padding-bottom: 5px;  position: relative; display: flex; }