page{ 
 | 
  background-color: #f7f7f7; 
 | 
  padding-bottom: 220rpx; 
 | 
} 
 | 
.date_item{ 
 | 
  .date{ 
 | 
    display: flex; 
 | 
    font-weight: 500; 
 | 
    font-size: 32rpx; 
 | 
    color: #222222; 
 | 
    height: 108rpx; 
 | 
    align-items: center; 
 | 
    padding: 0 22rpx; 
 | 
  } 
 | 
  .list{ 
 | 
    padding: 30rpx 22rpx 1rpx; 
 | 
    background-color: #fff; 
 | 
  } 
 | 
  .line{ 
 | 
    display: flex; 
 | 
    align-items: center; 
 | 
    height: 120rpx; 
 | 
    margin-bottom: 30rpx; 
 | 
    .icon{ 
 | 
      width: 40rpx; 
 | 
    } 
 | 
    .content{ 
 | 
      flex: 1; 
 | 
      height: 100%; 
 | 
      display: flex; 
 | 
      flex-direction: column; 
 | 
      justify-content: space-between; 
 | 
      .name{ 
 | 
        width: 100%; 
 | 
        font-size: 30rpx; 
 | 
        overflow : hidden; 
 | 
        text-overflow: ellipsis; 
 | 
        display: -webkit-box; 
 | 
        -webkit-line-clamp: 2; 
 | 
        -webkit-box-orient: vertical; 
 | 
      } 
 | 
      .time{ 
 | 
        font-size: 24rpx; 
 | 
        color: #999999; 
 | 
      } 
 | 
    } 
 | 
    .img{ 
 | 
      width: 214rpx; 
 | 
      height: 120rpx; 
 | 
      border-radius: 8rpx; 
 | 
      margin-left: 26rpx; 
 | 
      margin-right: 20rpx; 
 | 
      border: 1px solid; 
 | 
    } 
 | 
  } 
 | 
} 
 | 
.footer { 
 | 
  position: fixed; 
 | 
  bottom: 0; 
 | 
  left: 0; 
 | 
  width: 750rpx; 
 | 
  background-color: #fff; 
 | 
  box-shadow: 0rpx -1rpx 0rpx 0rpx #EEEEEE; 
 | 
  .btns{ 
 | 
    display: flex; 
 | 
    align-items: center; 
 | 
    height: 100rpx; 
 | 
    padding: 12rpx 40rpx; 
 | 
    .all_sel{ 
 | 
      display: flex; 
 | 
      width: 160rpx; 
 | 
      .icon{ 
 | 
        width: 40rpx; 
 | 
        margin-right: 18rpx; 
 | 
      } 
 | 
    } 
 | 
    .list{ 
 | 
      flex: 1; 
 | 
      display: flex; 
 | 
      align-items: center; 
 | 
      .item { 
 | 
        display: flex; 
 | 
        justify-content: center; 
 | 
        align-items: center; 
 | 
        height: 72rpx; 
 | 
        width: 152rpx; 
 | 
        font-weight: 500; 
 | 
        color: #777777; 
 | 
        border: 1rpx solid #999999; 
 | 
        margin-left: 20rpx; 
 | 
        font-style: 28rpx; 
 | 
        border-radius: 8rpx; 
 | 
      } 
 | 
      .paina{ 
 | 
        color: var(--themeColor); 
 | 
        border: 1rpx solid var(--themeColor); 
 | 
      } 
 | 
      .primary{ 
 | 
        color: #fff !important; 
 | 
        border: 1rpx solid var(--themeColor); 
 | 
        background-color: var(--themeColor); 
 | 
      } 
 | 
    } 
 | 
  } 
 | 
} 
 |