@charset "UTF-8";
/* 页面左右间距 */
/* 文字尺寸 */
/*文字颜色*/
/* 边框颜色 */
/*颜色*/
/* 图片加载中颜色 */
/* 行为相关颜色 */
/* 功能栏字体大小 */
/*功能栏左侧小图标*/
page, .content {
  height: 100vh;
  background-color: #FFFFFF;
}
.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  background-color: #E63931;
  color: #FFFFFF;
  padding: 22rpx 0;
}
.total {
  padding: 18rpx 24rpx;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  border-bottom: 1rpx solid #e0e0e0;
}
.box {
  padding: 0 24rpx;
}
.box .box-item {
  padding: 24rpx 0;
  border-bottom: 1rpx solid #e0e0e0;
}
.box .box-item .header {
  color: #999999;
  font-size: 24rpx;
}
.box .box-item .main {
  margin-top: 22rpx;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.box .box-item .main .mian-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
}
.box .box-item .main .main-left .project {
  color: #333;
  font-size: 28rpx;
}
.box .box-item .main .main-left .time {
  margin-top: 6rpx;
  color: #999999;
  font-size: 22rpx;
}