page{
  background: #ccc;
}
.container {
  position: relative;
  width: 100%;  
  height: 100%;
  font-size: 14px;
  color: #000;
} 
.mydata_box0{
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  background-color: #fff;
}
.mydata_box0 view{
  margin-top:0.8em;
  margin-bottom: 0.8em;
  width: 33.33333333333%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #000;
  box-sizing: border-box;
}
.mydata_box0 view.umoney1{
  border-left:1px solid #f5f5f5;
}
.mydata_box0 view.umoney1.alink{
  color:#00B050;
}
.mydata_box0 view image{
  width: 4em;
  height: 4em;
}
.mydata_box0 view view{
  display: flex;
  flex-direction: column;
}
.datas-box{display: flex;flex-direction: column;align-items: center;justify-content: center;width:100%;padding:0.8em; box-sizing: border-box;}

.datas-item{  display: flex;flex-direction: row; width:100%; margin:0; margin-bottom: 0.8em; padding:0.8em; align-items: center;justify-content: center;box-sizing: border-box;margin-top: 0;  background-color:#fff;border-radius:0.5em;}
.datas-item view{display: flex;flex-direction: column;}
.datas-item view.image{width:2.5em;height:2.5em;border-radius:50%;}
.datas-item view.image image{width:100%;height:100%;border-radius:50%;}
.datas-item view.name{flex-grow: 1;height:2.5em; padding-left:0.5em; padding-top:0.35em;}
.datas-item view.name view{display: flex;flex-direction: row;line-height:1.2em;}
.datas-item view.name view.time{color:#848484;margin-top: 0.3em;}
.datas-item view.name view text{margin-left:0.5em;color:#848484;}
.datas-item view.uLevel{margin-top:-1.2em; width:3em;height:1.5em;color:#848484;}
.datas-item view.faifeito{width:1.5em;height:1.5em;}
.datas-item view.faifeito image{width:100%;height:100%;}
.searchbox2{ display: flex; flex-direction: row; margin:0 1em; margin-top:1em;height:3.5em; border-bottom:1px solid #f1f1f1; font-size:0.85em;}
.searchbox2{ display: flex; flex-direction: row; margin:0 1em; margin-top:1em;height:4em;  font-size:0.85em;}
.searchbox2 .inpubox{flex-grow: 1; height:3em; }
.searchbox2 .inpubox #keyword{ margin:0; padding-left: 0.2em; width: 100%; font-size:1em; height:3em; border:1px solid #f01a4d; outline: none; text-indent: 0.3em;box-sizing:border-box;}
.searchbox2 .icobox{width:3em;height:3em; font-size:1em; background: linear-gradient(to bottom, #f01a4d, #f01a4d); color:#fff;box-sizing:border-box;}
.searchbox2 .icobox image{width: 1.6em; height:1.6em; margin-top: .75em; margin-left: 0.6em;}
.searchbox2 .icobox0{width:auto; padding:0 0.5em; height:3em; font-size:1em; background: linear-gradient(to bottom, #ff401a, #ff401a); color:#fff;box-sizing:border-box;}
.searchbox2 .icobox0 image{float:left; margin-left: 0em; width: 1.6em; height:1.6em; margin-top: .75em;}
.searchbox2 .icobox0 text{float:left;display: block; width:auto;height:3em; line-height:3em; color:#fff;}


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