pbf-wxapp/components/diy-content/content.wxss

/* components/diy-content/content.wxss */
.one_index .one_info {
  margin: 20rpx auto;
  box-shadow: rgba(126, 126, 126, 0.5) 0px 0px 12rpx 4rpx;
}
.one_index .one_info .one_image {
  width: 100%;
}
.one_index .one_info .one_name {
  margin: 15rpx;
  font-weight: 700;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.one_index .one_info .tags {
  display: flex;
  font-size: 28rpx;
  margin: 15rpx;
}
.one_index .one_info .tags .tag {
  margin-right: 10rpx;
}
.one_index .one_info .one_down {
  display: flex;
  justify-content: space-between;
  font-size: 24rpx;
  color: #999999;
  margin: 0 20rpx;
  padding-bottom: 10rpx;
}
.one_index .one_info .one_down .reading {
  display: flex;
}
.one_index .one_info .one_down .reading .autor {
  margin-left: 10rpx;
}
.two_index {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.two_index .two_info {
  box-shadow: rgba(126, 126, 126, 0.5) 0px 0px 12rpx 4rpx;
}
.two_index .two_info .two_image {
  width: 100%;
  background-size: 100%;
}
.two_index .two_info .two_name {
  margin: 10rpx;
  font-weight: 700;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.two_index .two_info .tags {
  display: flex;
  font-size: 22rpx;
  margin: 15rpx;
}
.two_index .two_info .tags .tag {
  margin-right: 10rpx;
}
.two_index .two_info .two_down {
  display: flex;
  justify-content: space-between;
  font-size: 24rpx;
  color: #999999;
  margin: 0 15rpx;
  padding-bottom: 15rpx;
}
.two_index .two_info .two_down .reading {
  display: flex;
}
.two_index .two_info .two_down .reading .autor {
  margin-left: 10rpx;
}
.three_index {
  display: flex;
}
.three_index .three_info {
  box-shadow: rgba(126, 126, 126, 0.5) 0px 0px 12rpx 4rpx;
  flex: none;
}
.three_index .three_info .three_image {
  width: 100%;
  background-size: 100%;
}
.three_index .three_info .three_name {
  margin: 10rpx;
  font-weight: 700;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.three_index .three_info .tags {
  display: flex;
  font-size: 22rpx;
  margin: 15rpx;
}
.three_index .three_info .tags .tag {
  margin-right: 10rpx;
}
.three_index .three_info .three_down {
  display: flex;
  justify-content: space-between;
  font-size: 24rpx;
  color: #999999;
  margin: 0 15rpx;
  padding-bottom: 10rpx;
}
.three_index .three_info .three_down .reading {
  display: flex;
}
.three_index .three_info .three_down .reading .autor {
  margin-left: 10rpx;
}
.five_index .five_info {
  display: flex;
  justify-content: space-between;
  box-shadow: rgba(126, 126, 126, 0.5) 0px 0px 12rpx 4rpx;
  height: 230rpx;
}
.five_index .five_info .left_info {
  width: 60%;
}
.five_index .five_info .left_info .name {
  min-height: 96rpx;
  font-weight: 700;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 20rpx 15rpx;
}
.five_index .five_info .left_info .tags {
  display: flex;
  font-size: 22rpx;
  margin: 15rpx;
}
.five_index .five_info .left_info .tags .tag {
  margin-right: 10rpx;
}
.five_index .five_info .left_info .five_down {
  display: flex;
  justify-content: space-between;
  font-size: 24rpx;
  color: #999999;
  margin: 0 15rpx;
}
.five_index .five_info .left_info .five_down .reading {
  display: flex;
  align-items: center;
}
.five_index .five_info .left_info .five_down .reading .autor {
  margin-left: 20rpx;
}
.five_index .five_info .five_image {
  width: 39%;
  height: 100%;
}