im.wxss 948 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. .im {
  2. background-color: #f1f1f1;
  3. min-height: calc(100vh - 128rpx);
  4. }
  5. .im .company-title {
  6. height: 100rpx;
  7. line-height: 100rpx;
  8. color: #333;
  9. font-size: 28rpx;
  10. position: relative;
  11. padding: 0 47rpx;
  12. background-color: #fff;
  13. border-bottom: 1rpx solid #ddd;
  14. }
  15. .im .company-title::before {
  16. content: ' ';
  17. position: absolute;
  18. width: 8rpx;
  19. height: 32rpx;
  20. top: 35rpx;
  21. left: 24rpx;
  22. background-color: #3370FF;
  23. }
  24. .im .list-box {
  25. background-color: #fff;
  26. height: 160rpx;
  27. padding: 40rpx 24rpx;
  28. display: flex;
  29. box-sizing: border-box;
  30. }
  31. .im .list-box .user-img {
  32. height: 80rpx;
  33. width: 80rpx;
  34. background-color: #3370FF;
  35. border-radius: 10rpx;
  36. color: #fff;
  37. text-align: center;
  38. line-height: 80rpx;
  39. }
  40. .im .list-box .user-text {
  41. margin-left: 24rpx;
  42. line-height: 40rpx;
  43. }
  44. .im .list-box .user-text ._p {
  45. color: #333;
  46. font-size: 28rpx;
  47. }
  48. .im .list-box .user-text ._span {
  49. color: #999;
  50. font-size: 24rpx;
  51. }