topic.wxss 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. page ,.container{
  2. width: 750rpx;
  3. height: 100%;
  4. overflow: hidden;
  5. background: #f4f4f4;
  6. }
  7. .topic-list{
  8. width: 750rpx;
  9. height: 100%;
  10. overflow: hidden;
  11. background: #f4f4f4;
  12. }
  13. .topic-list .item{
  14. width: 100%;
  15. height: 625rpx;
  16. overflow: hidden;
  17. background: #fff;
  18. margin-bottom: 20rpx;
  19. }
  20. .topic-list .img{
  21. width: 100%;
  22. height: 415rpx;
  23. }
  24. .topic-list .info{
  25. width: 100%;
  26. height: 210rpx;
  27. overflow: hidden;
  28. }
  29. .topic-list .title{
  30. display: block;
  31. text-align: center;
  32. width: 100%;
  33. height: 33rpx;
  34. line-height: 35rpx;
  35. color: #333;
  36. overflow: hidden;
  37. font-size: 35rpx;
  38. margin-top: 30rpx;
  39. }
  40. .topic-list .desc{
  41. display: block;
  42. text-align: center;
  43. position: relative;
  44. width: auto;
  45. height: 24rpx;
  46. line-height: 24rpx;
  47. overflow: hidden;
  48. color: #999;
  49. font-size: 24rpx;
  50. margin-top: 16rpx;
  51. margin-bottom: 30rpx;
  52. }
  53. .topic-list .price{
  54. display: block;
  55. text-align: center;
  56. width: 100%;
  57. height: 27rpx;
  58. line-height: 27rpx;
  59. overflow: hidden;
  60. color: #b4282d;
  61. font-size: 27rpx;
  62. }
  63. .page{
  64. width: 750rpx;
  65. height: 108rpx;
  66. background: #fff;
  67. margin-bottom: 20rpx;
  68. }
  69. .page view{
  70. height: 108rpx;
  71. width: 50%;
  72. float: left;
  73. font-size: 29rpx;
  74. color: #333;
  75. text-align: center;
  76. line-height: 108rpx;
  77. }
  78. .page .prev{
  79. border-right: 1px solid #D9D9D9;
  80. }
  81. .page .disabled{
  82. color: #ccc;
  83. }