page{
  background: #ccc;
}
.container {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: #000;
}


.myorder-menu{display: flex;flex-direction: row;align-items: center;justify-content: center;width:100%; background-color: #fff;}
.myorder-menu view{width:25%; height:2.5em; line-height: 2.5em; text-align: center; border:1px solid #f1f1f1; border-left:0;border-top: 0;}
.myorder-menu view.hover{border-bottom:1px solid #ff4d00;}
.myorder-box{display: flex;flex-direction: column;align-items: center;justify-content: center;width:100%;padding:0.8em; box-sizing: border-box;}
.myorder-item{width:100%;display: flex;flex-direction: column; align-items: center;justify-content: center;box-sizing: border-box; padding:0.8em; margin:0.8em 0; margin-top: 0; line-height: 2.5em; background-color:#fff;border-radius:0.5em;}
.myorder-item view{width:100%;display: flex;flex-direction: row; align-items: center;justify-content:left;color: #939393;}
.myorder-item view text{color: #000;}
.myorder-item view text.Totalprice{ margin-left: 1em;}
.myorder-item view.cz_box{ margin-top: 0.5em;}
.myorder-item view.Total{color:#ff4d00;}
.myorder-item view.cz_box text{float: left; display: block;width:auto;}
.myorder-item view.cz_box view{float: left; display: block;width:auto; margin-right:0.5em; padding:0 0.5em; height:2.5em; line-height: 2.5em; background:linear-gradient(to right,#00B050,#00B050); color:#fff; border-radius:0.2em; box-sizing: border-box; overflow: hidden;}
.myorder-item view.products{ margin-top: 1em;}
.myorder-item view.products image{width:4em;height:4em; vertical-align: middle;}
.myorder-item view.products text{margin-left: 1em;}
.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);}
.Hidden_box_to{position: relative; padding: 8px; width:98%;height:auto; background-color: #fff; box-sizing: border-box; border-radius:0.5em;}
.Hidden_box_to.addcart_box{ position: absolute; bottom:0; width:100%;border-radius:0.5em 0.5em 0 0;}
.Hidden_box_to .Hidden_box_title{width:100%;height:2.5em; line-height: 2.5em; text-align: left; padding-left:1em; box-sizing: border-box;border-bottom:1px solid #f1f1f1;}

.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{float:left;width:100%;height:100%; position: relative;}
.Hidden_box_to .title{width:100%;height:2.5em;}
.Hidden_box_to .frombody{display: flex;flex-direction: column;flex: 1; max-height: 24em; align-items: center;justify-content: center;overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.Hidden_box_to .frombody image{width: 100%;}
.Hidden_box_to .frombody view{display: flex; flex-direction: row; width: 100%;margin: 0.8em 0;}
.Hidden_box_to .frombody view text{width: 7em; margin-top:0.4em;}
.Hidden_box_to .frombody view input{width:100%;height: 2em; border:1px #dfdfdf solid; background-color: #f1f1f1; border-radius:0.4em;padding:0 0.2em;box-sizing: border-box;}
.pay_box{margin-top: 1em;}
.pay_box text{display: block; float:left; width:10%; height:2.5em;}
.pay_box text.pay_type{width:auto;line-height:2.5em;}
.pay_box view{float:left; padding:0 0.2em; margin-right:0.2em; display: flex; align-items: center;  justify-content: center;line-height:2em; border:1px solid #f1f1f1; box-sizing: border-box;border-radius:0.5em;}  
.pay_box view.hover{border:1px solid #ff4d00;}
.pay_box view image{width:1.4em;height:1.4em;}
.Hidden_box_to view.button{margin:1em 0; border: 0;}
.Hidden_box_to view.button button{width:100%;padding:0 1em; height:2em; line-height: 2em; background:linear-gradient(to right,#00B050,#00B050); color:#fff; border-radius:0.2em;}


.nodata{padding-top:1em; text-align: center; line-height: 1.5em; color:#939393;}
.nodata image {
  width: 80px;
  height: 80px;
}