problem_list.wxss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. /* pages/problem_list/problem_list.wxss */
  2. @import '../../templates/header/header.wxss';
  3. @import '../../templates/footer_parent/footer.wxss';
  4. @import '../../templates/nodata/nodata.wxss';
  5. .li{
  6. background:rgba(241,243,250,1);
  7. border-radius:16rpx;
  8. margin: 30rpx 24rpx;
  9. font-weight: 600;
  10. padding-bottom: 24rpx;
  11. position: relative;
  12. }
  13. .fixed {
  14. display: flex;
  15. justify-content: center;
  16. align-items: center;
  17. /* position: fixed;
  18. top: 88rpx; */
  19. width: 100%;
  20. height: 50rpx;
  21. background: rgba(255,255,255,1);
  22. /* margin-bottom: 37rpx; */
  23. z-index: 99;
  24. }
  25. .fixed-items {
  26. display: flex;
  27. justify-content: center;
  28. align-items: center;
  29. }
  30. .fixed-item {
  31. color: #393939;
  32. border-bottom: solid 1rpx rgba(255,100,101,0);
  33. padding: 13rpx 0;
  34. margin: 0 30rpx;
  35. font-size: 30rpx;
  36. font-weight: bold;
  37. line-height: 40rpx;
  38. transition: all .3s;
  39. }
  40. .fixed-item-active {
  41. color: rgba(255,100,101,1);
  42. border-bottom: solid 4rpx rgba(255,100,101,1);
  43. }
  44. .li-head-img{
  45. margin: 30rpx 12rpx 30rpx 24rpx;
  46. width: 34rpx;
  47. height: 37rpx;
  48. }
  49. .li-head-times{
  50. display: inline-block;
  51. color: #393939;
  52. font-size: 30rpx;
  53. position: relative;
  54. bottom: 36rpx;
  55. }
  56. .li-head-guide{
  57. width: 30rpx;
  58. height: 24rpx;
  59. float: right;
  60. margin-right: 24rpx;
  61. margin-top: 30rpx;
  62. }
  63. .li-img{
  64. margin:0 24rpx;
  65. }
  66. .li-img-url{
  67. width: 100%;
  68. height: 300rpx;
  69. position: relative;
  70. }
  71. .list-items-img-tips{
  72. position: absolute;
  73. top: 0;
  74. right: 0;
  75. width: 120rpx;
  76. height: 117rpx;
  77. }
  78. .li-suggest{
  79. margin: 24rpx;
  80. padding-bottom: 32rpx;
  81. }
  82. .li-suggest-head{
  83. margin: 32rpx 24rpx 18rpx 24rpx;
  84. font-size: 30rpx;
  85. color: #7C819D;
  86. }
  87. .li-suggest-content{
  88. font-size: 24rpx;
  89. color: #393939;
  90. line-height: 34rpx;
  91. margin: 0 24rpx;
  92. }
  93. .li-logo{
  94. width: 120rpx;
  95. height: 117rpx;
  96. position: absolute;
  97. top: 0;
  98. right: 0;
  99. }
  100. .li-subject{
  101. margin: 27rpx 24rpx 0 24rpx;
  102. font-size: 24rpx;
  103. color: #778ADC;
  104. }
  105. .li-subject-img{
  106. width: 37rpx;
  107. height: 37rpx;
  108. margin-right: 10rpx;
  109. }
  110. .li-subject-items{
  111. position: relative;
  112. bottom: 10rpx;
  113. }