.datagram-index-list-item-container {
  width: 100%;
  height: 100%;  
  border-bottom: 1px #dddddd solid;
  margin-top: 10rpx;
}

 .datagram-index-list-item-box {
  height: auto;
  width: auto;
  margin-bottom: 10rpx;
  margin-left: 10rpx;
  margin-right: 10rpx;
  display: flex;
  flex-direction: row;
} 


.datagram-index-list-item-info-box {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.datagram-info-text {
  width: 100%;
  height: 60rpx;
}



.datagram-list-container {
  width: 100%;
  height: 100px;
  flex: 1;
}

.datagram-scroll-box {
  width: 100%;
  height: 100%;
}

.datagram-scroll-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  white-space: nowrap;
}

.datagram-kind-text{
  font-size: 26rpx;
  color:#426666;
  margin-left:10rpx;
}


.datagram-tm{
  font-size: 26rpx;
  color:darkgray;
}

.datagram-bottombar{
  width: 100%;
  height: 40rpx;
  display: flex;
  flex-direction: row;
  justify-content: start;
  padding-bottom: 10rpx;
}

.datagram-hex-box{
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  width:80%;
}

.datagram-hex-clickStyle{
  color:darkgray;
  width:500rpx;
  font-size: 20rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; 
  display: block;
  text-align: start;
}

.datagram-button-box{
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  width:20%;
  align-items: center;
}

.datagram-view-clickStyle{
  color:#acacac;
  font-size: 28rpx;
}

.datagram-button-box-img{
  height: 30rpx;
  width: 30rpx;
}