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

.container .bonus-image {
  width: 80px;
  height: 80px;
}  
.nodata-box{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.mybonus-box{width:100%; overflow:hidden;padding:0.8em; box-sizing: border-box;}
.mybonus-item{width:100%;display: flex;flex-direction: row; box-sizing: border-box; padding:0; margin-bottom:0.8em;  background-color:#fff; border-radius:0.5em; box-sizing:border-box;overflow:hidden;}
.mybonus-item.mybonus-title{background: linear-gradient(to bottom,#f2f2f2,#dbd8d8);}
.mybonus-item text{display: flex;  padding:0 0.5em; height:3em; line-height: 3em; box-sizing: border-box; overflow: hidden; color: #939393;/*border: 1px solid #f1f1f1;border-left:0; border-top:0;*/ text-align: center;align-items: center;justify-content: center;}
.mybonus-item text.time{width:10em}
.mybonus-item text.je{flex-grow: 1; border-right:0;}
.mybonus-item view{width:1.2em;}
.mybonus-item view image{margin-top:0.8em; width:1.2em; height:1.2em; }