page{
  background: #ccc;
}
button::before {
  border:none;
}
button::after {
  border:none;
}
.container {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: #000;
}
.container .cart-image {
  width: 120px;
  height: 120px;
}
.footer{
  position: fixed;
  z-index: 10000;
  bottom:0;
  left:0;
  height: 50px;
  width: 100%;
  background-color: #fff;
  color: white;
  text-align: center;
  border-top: 1px solid #e1e1e1;
  font-size:12px;
}
.cartmbox{float:left;margin:0; padding:0; width:100%; height:100%;}
.cartmbox .leftbox{float:left;position:relative;margin:0; padding:0; padding-left:1em; color: #000;font-size:1em; height:100%;line-height:50px;}
.cartmbox .leftbox text.cart_Total{font-style:normal;  font-weight:bold; color:#ff0000;}
.cartmbox .rightbox{float:right;margin:0;padding-right:1em;height:100%; line-height:100%;}
.cartmbox .rightbox button{float:right; margin:0.7em 0; padding:0; width:6em; height:2.5em; line-height:2.5em; display:block; border:0; font-size: 1em; background-color:#fe6e09;border-radius:3px; color:#fff; border:0;border-radius:0 2em 2em 0;border:0;}
.cartmbox .rightbox button.input_shopcart,.cartmbox .rightbox button.input_shopdh{background: linear-gradient(to left,#ff9615,#fec811);border-radius:2em 0 0 2em;}
.cartmbox .rightbox button.input_shopdh{border-radius:2em;width:7em;}
.cartmbox .rightbox button[disabled='true']{background:#bbb;}
.cartmbox .rightbox button.input_shopdh[disabled='true']{width:7em;background:#bbb;border-radius:2em;}
.cartmbox0{float:left;margin:0; padding:0; width:100%; height:100%;}
.cartmbox0 button{ margin:0.7em auto; padding:0; width:8em; height:2.5em; line-height:2.5em; display:block; border:0; font-size: 1em; background-color:#fe6e09; color:#fff; border-radius:2em;border:0;}
.cart-product{float:left;width:100%;}
.cart-product .cart-product-item{float:left; margin:0.5em 0; padding:1em; width:100%; overflow:hidden; position:relative; border:1px solid #dfdfdf; border-left:0;border-right:0; background-color:#fff;box-sizing:border-box;}
.cart-product .cart-product-item .limg{float:left; display: flex; width:25%;display:block; overflow: hidden;box-sizing:border-box;}
.cart-product .cart-product-item .limg image{width:4em; height:4em;}
.cart-product .cart-product-item .rname{float:left;display: flex; padding-left:0.6em; display:block; width:70%; overflow:hidden;box-sizing:border-box;}

.cart-product .cart-product-item .rname view{float:left;display:block;width:100%;padding-left:0;font-size: 12px;}
.cart-product .cart-product-item .rname view.prodName{float:left; display:block;width:100%; }
.cart-product .cart-product-item .rname view.je{ margin-top:0.5em;}
.cart-product .cart-product-item .rname text{ font-style:normal; color:#ff0000;}
.cart-product .cart-product-item .rname view.je del{ font-style:normal; font-size:1em; font-weight:bold; color:#aaa;}
.cart-product .cart-product-item .icon{position:absolute; right:0.8em; top:0.5em;width:1.5em; height:1.5em; padding:0.15em; background-color:#fff;border:1px solid #f1f1f1;border-radius:50%;box-sizing:border-box; overflow: hidden;}
.cart-product .cart-product-item .icon image{width:100%;height:100%;}
.yunfei-box{display: flex;align-items: center;  justify-content: center;line-height:3.5em;color:#ff4d00;}
.yunfei-box text{color:#000;}
.noproduct{display: flex; flex-direction: column; align-items: center;  justify-content: center;line-height:3.5em;}
.address_box{width:100%; padding:1em; box-sizing: border-box; background-color:#fff;border-top:1px solid #f8f8f8;}
.address_box .address_box_contact{width:100%; font-size: 14px;}
.address_box .address_box_contact text{color:#000;} 
.address_box .address_box_contact text.phone{ margin-left:1em;} 
.address_box .address_box_qhr{float:left; margin-bottom:1em; width:100%; font-size: 14px;}
.address_box .address_box_qhr input{float:left; margin-right:2.5%; width:47%;height: 2.5em; line-height: 2.5em; border:1px solid #e1e1e1;border-radius:0.5em; padding:0.2em 0.5em; box-sizing: border-box;}
.address_box .address_box_address{float:left; position: relative; width:100%;margin-top: 0.5em;}
.address_box .address_box_address text{display: block; float:left; }
.address_box .address_box_address .assistor{float:left; margin-top:0;width:20%;height:2em; text-align: center;}
.address_box .address_box_address .assistor image{width:1.4em;height:1.4em;}
.address_box .address_box_address .assistor text{width:100%;color:#ff4d00;}
.address_box .address_box_address text.address{width:70%; line-height: 1.5em;color: #333333;font-size: 14px;}
.address_box .address_box_address .faifeito{position: absolute;top:0em;right:0; display: block; width:10%;height:2em;}
.address_box .address_box_address .faifeito image{ width:1.2em;height:1.2em;}

.bankcark_box{display: flex; flex-direction: row; width:100%;border-top:1px solid #f1f1f1;padding:1em; box-sizing: border-box; background-color:#fff; font-size: 14px;}
.bankcark_box text{display: flex; width:auto; height:2.5em;line-height:2.5em;}
.bankcark_box view{flex-grow: 1; padding:0; display: flex; align-items: center;  justify-content: center;line-height:2.5em;  box-sizing: border-box;border-radius:0.5em;}
.bankcark_box view .picker_hx{color:#939393;line-height:2.5em;width:100%;}
.bankcark_box view .picker_hx view{ float:left; position: relative; display: block; border:0;min-width:14em; padding:0 1em; box-sizing: border-box;border:1px solid #dfdfdf;border-radius:0.3em;height:2.5em;line-height:2.5em;}
.bankcark_box view .picker_hx text{width:17em;}
.bankcark_box view .picker_hx image{position: absolute; top:0.6em;right:0.6em; width:1.2em;height:1.2em;}   
.pay_box{display: flex; flex-direction: row; width:100%; margin-top: 1em; padding:1em; padding-bottom:0.5em;box-sizing: border-box; background-color:#fff; font-size: 14px;}
.pay_box text{display: block; float:left; width:25%; height:2.5em; line-height: 2.5em;}
.pay_box text.pay_type{ width:7em;line-height:2em;}
.image_box{display:block;width:3em;height: 3em;border:1px solid #dfdfdf;}
.image_box image{display:block;width:100%;height: 100%;}
.dhj_box{line-height:2em;}
.dhj_box text{color:#ff4d00;float:none;display: inline;}
.pay_type_box{display:block;flex-grow: 1;}
.pay_type_box view{float:left; padding:0 0.3em; margin-top:0.5em; margin-right:0.5em; display: flex; align-items: center;  justify-content: center;line-height:2em; border:1px solid #f1f1f1; box-sizing: border-box;border-radius:0.5em;}
.pay_type_box view.hover{border:1px solid #ff4d00;}
.pay_type_box view image{width:1.4em;height:1.4em;margin-right:0.4em;} 

.Guests_box{width:100%; margin-top: 1em; padding:1em; box-sizing: border-box; background-color:#fff; font-size: 14px;}
.Guests_box text{display: block; float:left; width:auto; height:2.5em;line-height: 4em;}
.Guests_box view{float:left; padding:0 0.5em;  display: flex; align-items: center;  justify-content: center;line-height:2.5em;  box-sizing: border-box;border-radius:0.5em;}
.Guests_box view textarea{width:14em;height: 4em;border:1px solid #e1e1e1;border-radius:0.5em;padding:0.2em;box-sizing: border-box;line-height:1.2em;}
.Hidden_box{ position: fixed;display: flex;align-items: center; justify-content: center; top:0; left:0; width:100%;height:100vh; background:rgba(0, 0, 0, 0.5);z-index:2;}
.Hidden_box_to{position: relative; padding:0; width:90%;height:auto; background-color: #fff; box-sizing: border-box; border-radius:0.5em;}
.Hidden_box_to.addcart_box{ position: absolute; bottom:3em; width:100%;border-radius:0.5em 0.5em 0 0;}
.Hidden_box_to .close{position: absolute; right:0.5em; top:0.5em; width:1.5em; height:1.5em; padding:0.15em; background-color:#fff;border:1px solid #f1f1f1;border-radius:50%;box-sizing:border-box;}
.Hidden_box_to .close image{width:100%;height:100%;}


.Hidden_box_to .select_box_title{ float:left; width:100%; height:2.5em; line-height:2.5em;padding-left: 0.8em; box-sizing: border-box;}
.Hidden_box_to .select_box_inputbox{ float:left;border-top:1px solid #f1f1f1; width:100%;padding:0 0.8em; box-sizing: border-box;}
.Hidden_box_to .select_box_inputbox .msgbox{ float:left; width:100%; padding: 0.8em 0; box-sizing: border-box;color:#848484}
.Hidden_box_to .select_box_inputbox .inputbox{display: flex;flex-direction: row; width:100%; padding: 0.8em 0; box-sizing: border-box;}
.Hidden_box_to .select_box_inputbox .inputbox text{height: 2.2em; line-height: 2.2em;}
.Hidden_box_to .select_box_inputbox .inputbox input{background-color: #e1e1e1; border:1px solid #dfdfdf;border-radius:0.4em;height: 2.2em; line-height: 2.2em; box-sizing: border-box;padding:0.2em;}