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%;}
.mybonus-item{width:100%;float:left; display: block;box-sizing: border-box; padding:0; margin:0; margin-top: 0;  background-color:#fff; border-left:1px solid #f1f1f1; border-top:1px solid #f1f1f1; box-sizing:border-box;}
.mybonus-item.mybonus-title{background: linear-gradient(to bottom,#f2f2f2,#dbd8d8);}
.mybonus-item text{float:left; display: block;padding:0 0.5em;  width:20%; height:2.5em; line-height: 2.5em; box-sizing: border-box; overflow: hidden; color: #939393; text-align: center;border: 1px solid #f1f1f1;border-left:0; border-top:0;}
/*.mybonus-item text.time{width:8%;}
.mybonus-item text.time0{width:8%;color:#124e99}
.mybonus-item text.zt{width:8%;}*/
.mybonus-item text.bz{width:60%;}