examlist.wxss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. .subtitle {
  2. font-weight: 400;
  3. font-size: 26rpx;
  4. }
  5. .tag {
  6. border-radius: 6rpx;
  7. border: 1rpx solid #4169E1;
  8. padding: 5rpx 16rpx;
  9. }
  10. .tag .tag_text {
  11. font-size: 22rpx;
  12. color: #4169E1;
  13. }
  14. .content_box {
  15. margin: 20rpx;
  16. padding: 0 20rpx;
  17. background-color: #f6f6f6;
  18. border-radius: 10rpx;
  19. }
  20. .content_box .title_box {
  21. position: relative;
  22. top: -20rpx;
  23. width: -webkit-fit-content;
  24. width: fit-content;
  25. height: 36rpx;
  26. border-radius: 10rpx;
  27. padding: 5rpx 20rpx;
  28. }
  29. .content_box .title_box .title_text {
  30. font-size: 25rpx;
  31. font-weight: bold;
  32. color: #FFF;
  33. }
  34. .content_box .content_detail {
  35. font-size: 30rpx;
  36. font-weight: bold;
  37. color: #303133;
  38. word-break: break-all;
  39. }
  40. .content_box .content_subtitle {
  41. font-size: 25rpx;
  42. font-weight: bold;
  43. color: #909399;
  44. }
  45. .flex_cloumn {
  46. margin: 140rpx 0 0 50rpx;
  47. height: 170rpx;
  48. justify-content: space-around;
  49. }
  50. .flex_cloumn .content_title {
  51. font-size: 35rpx;
  52. font-weight: bold;
  53. -webkit-transform: skew(-15deg);
  54. transform: skew(-15deg);
  55. color: #FFF;
  56. z-index: 2;
  57. text-shadow: 1px -1px 0px #c0c0c0, 2px -2px 0px #b0b0b0, 1px -1px 0px #a0a0a0, 2px -2px 0px #909090;
  58. }
  59. .flex_cloumn .content_subtitle {
  60. font-size: 35rpx;
  61. color: #FFF;
  62. z-index: 2;
  63. }
  64. .cloumn {
  65. display: flex;
  66. flex-direction: column;
  67. margin: 20rpx 50rpx;
  68. }