MiniPrograms/unpackage/dist/dev/mp-weixin/subpkg/datalist/worklist.wxss

.subtitle {
  font-weight: 400;
  font-size: 26rpx;
}
.tag {
  border-radius: 6rpx;
  border: 1rpx solid #4169E1;
  padding: 5rpx 16rpx;
}
.tag .tag_text {
  font-size: 22rpx;
  color: #4169E1;
}
.content_box {
  margin: 20rpx;
  padding: 0 20rpx;
  background-color: #f6f6f6;
  border-radius: 10rpx;
}
.content_box .title_box {
  position: relative;
  top: -20rpx;
  width: -webkit-fit-content;
  width: fit-content;
  height: 36rpx;
  border-radius: 10rpx;
  padding: 5rpx 20rpx;
}
.content_box .title_box .title_text {
  font-size: 25rpx;
  font-weight: bold;
  color: #FFF;
}
.content_box .content_detail {
  font-size: 30rpx;
  font-weight: bold;
  color: #303133;
  word-break: break-all;
}
.content_box .content_subtitle {
  font-size: 25rpx;
  font-weight: bold;
  color: #909399;
}
.attachment_box {
  display: flex;
  margin-bottom: 20rpx;
  align-items: center;
  padding: 15rpx 20rpx;
  background-color: #FFF;
  border-radius: 10rpx;
}
.attachment_box .t-icon {
  width: 60rpx;
  height: 60rpx;
}
.flex_cloumn {
  margin: 140rpx 0 0 50rpx;
  height: 170rpx;
  justify-content: space-around;
}
.flex_cloumn .content_title {
  font-size: 35rpx;
  font-weight: bold;
  -webkit-transform: skew(-15deg);
          transform: skew(-15deg);
  color: #FFF;
  z-index: 2;
  text-shadow: 1px -1px 0px #c0c0c0, 2px -2px 0px #b0b0b0, 1px -1px 0px #a0a0a0, 2px -2px 0px #909090;
}
.flex_cloumn .content_subtitle {
  font-size: 35rpx;
  color: #FFF;
  z-index: 2;
}
.cloumn {
  display: flex;
  flex-direction: column;
  margin: 20rpx 50rpx;
}