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

.container .balance-image {
  width: 80px;
  height: 80px;
}
.button_box{
  display: flex;
  flex-direction: row;

  margin: 0;
  padding:0;
  padding-right: 0.8em;
  box-sizing: border-box;
  align-items: center; 
  justify-content: center;
  background-color: #fff;
}
.button_box .button_box_item{
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width:50%;
  height:2.5em; 
  margin: 0;
  padding: 0.8em;
  padding-right: 0;
}
.button_box .button_box_item .mybtn{
  width: 100%;
  height: 100%;
  border-radius: 0.4em;
  background-color: #00B050;
  color:#fff;
  line-height: 2.5em;
  text-align: center;
}

.mybalance-menu{display: flex;flex-direction: row;align-items: center;justify-content: center;width:100%; background-color: #fff;}
.mybalance-menu view{width:25%; height:2.5em; line-height: 2.5em; text-align: center; border:1px solid #f1f1f1; border-left:0;border-top: 0;}
.mybalance-menu view.hover{border-bottom:1px solid #ff4d00;}
.mybalance-box{display: flex;flex-direction: column;align-items: center;justify-content: center;width:100%;padding:0.8em; box-sizing: border-box;}
.mybalance-item{width:100%;display: flex;flex-direction: column; align-items: center;justify-content: center;box-sizing: border-box; padding:0.5em 0.8em; margin:0.8em 0; margin-top: 0; line-height: 2em; background-color:#fff;border-radius:0.5em;}
.mybalance-item view{width:100%;display: flex;flex-direction: row; align-items: center;justify-content:left;color: #939393;}
.mybalance-item view text{color: #000;}
.mybalance-item view text.Totalprice{ margin-left: 1em;}
.mybalance-item view.Total{float: left; display: block;}
.mybalance-item view.Total view{float: left; display: block;width:auto; margin:0; padding:0;color:#ff4d00; box-sizing: border-box; overflow: hidden;}
.mybalance-item view.Total view.right{float:right;}
.mybalance-item view.Total view text{float: left; display: block;width:auto;color: #000;}
.nodata{padding-top:1em; text-align: center; line-height: 1.5em; color:#939393;}
.nodata image {
  width: 80px;
  height: 80px;
}