singleBook.wxss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. .bookDetail{
  2. font-size: 32rpx;
  3. color: #414141;
  4. background: #f0f1f5;
  5. }
  6. .headSection{
  7. padding-top: 18rpx;
  8. width: 100%;
  9. background: #fff;
  10. }
  11. .headSection .titleIcon{
  12. display: block;
  13. width: 704rpx;
  14. height: 190rpx;
  15. margin: 0 auto;
  16. background: #fff;
  17. }
  18. .headSection .bookName{
  19. width: 700rpx;
  20. height: 42rpx;
  21. line-height: 42rpx;
  22. margin: 10rpx 0 12rpx 20rpx;
  23. }
  24. .headSection .bookInfo{
  25. width: 700rpx;
  26. height: auto;
  27. }
  28. .dirTag{
  29. width: 100%;
  30. height: 100rpx;
  31. margin-top: 12rpx;
  32. background: #fff;
  33. position: relative;
  34. }
  35. .dirTag image{
  36. position: absolute;
  37. left: 42rpx;
  38. top: 22rpx;
  39. width: 206rpx;
  40. height: 42rpx;
  41. }
  42. .dirTag text{
  43. position: absolute;
  44. left: 56rpx;
  45. top: 22rpx;
  46. width: 150rpx;
  47. height: 42rpx;
  48. font-size: 32rpx;
  49. color: #fff;
  50. }
  51. .listSection{
  52. width: 100%;
  53. margin-top: 12rpx;
  54. }
  55. .listSection .classItem{
  56. width: 716rpx;
  57. height: 88rpx;
  58. margin: 0 auto 8rpx;
  59. display: flex;
  60. flex-direction: row;
  61. justify-content: space-between;
  62. background: #fff;
  63. border-radius: 14rpx;
  64. }
  65. .classItem .classTitle{
  66. width: auto;
  67. height: 88rpx;
  68. font-size: 32rpx;
  69. margin-left: 40rpx;
  70. line-height: 88rpx;
  71. }
  72. .classItem .readingNum{
  73. width: auto;
  74. height: 88rpx;
  75. line-height: 88rpx;
  76. margin-right: 40rpx;
  77. color: #939393;
  78. font-size: 28rpx;
  79. }