.container {  
  width: 640px;  
  height: 1136px;  
  position: relative;  
  margin: 0 auto; /* 居中显示 */  
  overflow: hidden; /* 隐藏溢出内容 */  
} 

.dingbusj {  
  position: absolute; /* 根据需要调整为绝对定位 */  
  width: 640px; /* 调整宽度以适应新尺寸 */  
  height: 280px; /* 调整高度以适应新尺寸 */  
  overflow: hidden;  
  left: 50%; /* 水平居中 */  
  transform: translateX(-50%); /* 水平居中 */  
}  
  
.background-image {  
 width: 640px; /* 宽度调整为容器宽度 */  
  height: 280px; /* 高度自适应 */  
  position: absolute;  
  top: 0;  
  left: 0;  
}  
  
.more-icon {  
  position: absolute;  
  top: 20px; /* 根据需要调整 */  
  left: 20px; /* 根据需要调整 */  
  z-index: 1;  
}  
  
.more-icon img {  
  width: 30px; /* 根据图标大小调整 */  
  height: 30px; /* 根据图标大小调整 */  
}  
  
.date-box {  
  position: absolute;  
  top: 20px; /* 根据需要调整 */  
  left: 50%;  
  transform: translateX(-50%); /* 居中显示 */  
  z-index: 1;  
  display: flex;  
  justify-content: center;  
  align-items: center;  
  width: 230px; /* 根据需要调整 */  
  height: 50px; /* 根据需要调整 */  
  border-radius: 10px; /* 圆角 */  
}  
  
.date-box text {  
  color: rgb(0, 0, 0);  
  font-weight: bolder;
}

.riqi-icon {  
  position: absolute;  
  top: 20px; /* 根据需要调整 */  
  right: 20px; /* 根据需要调整 */  
  z-index: 1;  
}  

.riqi-icon img {  
  width: 30px; /* 根据图标大小调整 */  
  height: 30px; /* 根据图标大小调整 */  
} 

.bjbt{
  position: absolute;  
  top: 160px;
  font-size: 20px;
  left: 10px;
  color: white;
}

.bjshuju{
  position: absolute;  
  top: 190px;
  font-size: 25px;
  left: 10px;
  color: white;
  font-weight: bolder;
}

.dibuwenzi{
  position: absolute;  
  top: 220px;
  font-size: 18px;
  left: 10px;
  color: white;
}

/* 最近7日支出 */
.jinqiri {  
  display: flex;  
  /*justify-content: center;  */
  /*align-items: center;  */
  width: 640px;
  height: 500px; 
  margin-top: 280px ;
}  
  
.gray-box {  
  width: 640px;  
  height: 500px;
  background: -webkit-linear-gradient(top, #F2F2F2, #F2F2F2, #F2F2F2);  
  /*border-radius: 0px;  圆角*/
  position: relative;  
  overflow: hidden;  
  /*margin-top: 5px;*/
}  
  
.title {  
  font-size: 18px;  
  font-weight: bold;  
  margin-bottom: 8px;  
  margin-top: 8px;
  margin-left:8px;
  color: BLACK;
}  
  
.sub-title {  
  font-size: 12px;  
  color:BLACK;  
  margin-bottom: 16px;  
    margin-top: 8px;
  margin-left:8px;
}  
  
.menu-dots {  
  position: absolute;  
  right: 15px;  
  top: 1px;  
  font-size: 20px;  
  color: BLACK;  
}  

/* 假设你已经通过ECharts或canvas绘制了柱状图，则不需要额外的CSS样式 */
.tableTou {
  width: 25%;
  display: flex;
  background-color: #80D1C8;
  height: 55px;
  justify-content: center;
  align-items: center;
}
 
.tableTR {
  width: 25%;
  display: flex;
  background-color: #008F6C;
  height: 55px;
  justify-content: center;
  align-items: center;
}

.dibujiahao{
 width: 30px;
 height: 30px;
 left: 25%;
 bottom: 0.5%;
 position: fixed;
 z-index: 999;
}
.dibujiahao1{
  width: 30px;
  height: 30px;
  left: 10%;
  bottom: 0.5%;
  position: fixed;
  z-index: 999;
 }


.jinrishuju {  
  display: flex;
  width: 640px;  
  height: 350px;
  background: -webkit-linear-gradient(bottom, #F2F2F2, #F2F2F2, #F2F2F2);   
  border-radius: 0px;  
  position: relative;  
  overflow: hidden;  
  margin-top: 0px;
  /* flex-direction: column; */
} 
.zuobianshuju1{
  top: 50px;
  margin-right:45%;
  white-space: nowrap;
}

.youbianshuju1{
  /* left: 50%; */
  /* margin-right: 10rpx; */
  position: absolute;  
  right: 15px;
  justify-content: flex-end;
  white-space: nowrap;
  text-align: right;

}

.jinrizc{
  white-space: nowrap;
  justify-content: flex-end;
}