science.wxss 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. .Search-box {
  12. padding-left: 20rpx;
  13. padding-right: 20rpx;
  14. height: 100rpx;
  15. background: #ffffff;
  16. display: -webkit-box;
  17. display: -webkit-flex;
  18. display: flex;
  19. -webkit-box-pack: justify;
  20. -webkit-justify-content: space-between;
  21. justify-content: space-between;
  22. -webkit-box-align: center;
  23. -webkit-align-items: center;
  24. align-items: center;
  25. }
  26. .Search-box .Search-box-sort {
  27. font-size: 30rpx;
  28. font-weight: 500;
  29. color: #666666;
  30. }
  31. .Search-box .Search-box-sort .sort-text {
  32. width: 57rpx;
  33. height: 29rpx;
  34. font-size: 30rpx;
  35. font-weight: 500;
  36. color: #333333;
  37. line-height: 58rpx;
  38. margin-right: 19rpx;
  39. }
  40. .Search-box .Search-box-sort .sort-img {
  41. width: 21rpx;
  42. height: 11rpx;
  43. margin-bottom: 4rpx;
  44. }
  45. .Search-box .Search-box-size {
  46. width: 630rpx;
  47. height: 65rpx;
  48. border-radius: 32rpx;
  49. background-color: #f1f1f1;
  50. padding-left: 36rpx;
  51. display: -webkit-box;
  52. display: -webkit-flex;
  53. display: flex;
  54. -webkit-box-align: center;
  55. -webkit-align-items: center;
  56. align-items: center;
  57. }
  58. .Search-box .Search-box-size .box-img {
  59. height: 32rpx;
  60. width: 32rpx;
  61. margin-right: 16rpx;
  62. }
  63. .Search-box .Search-box-size .box-word {
  64. width: 100%;
  65. font-size: 22rpx;
  66. font-weight: 500;
  67. color: #cdcbcb;
  68. line-height: 55rpx;
  69. }
  70. .content {
  71. line-height: 1;
  72. }
  73. .content .list-box {
  74. width: 725rpx;
  75. height: 200rpx;
  76. margin: 20rpx auto 0;
  77. background: #FFFFFF;
  78. box-shadow: 0px 5rpx 5rpx 0px rgba(35, 24, 21, 0.06);
  79. border-radius: 7rpx;
  80. padding: 0 20rpx;
  81. display: -webkit-box;
  82. display: -webkit-flex;
  83. display: flex;
  84. -webkit-box-align: center;
  85. -webkit-align-items: center;
  86. align-items: center;
  87. }
  88. .content .list-box .box-left {
  89. width: 230rpx;
  90. height: 145rpx;
  91. margin-right: 20rpx;
  92. }
  93. .content .list-box .box-left .left-img {
  94. width: 230rpx;
  95. height: 145rpx;
  96. }
  97. .content .list-box .box-right {
  98. width: 430rpx;
  99. height: 145rpx;
  100. }
  101. .content .list-box .box-right .right-top {
  102. font-size: 25rpx;
  103. font-weight: bold;
  104. color: #333333;
  105. margin-bottom: 24rpx;
  106. }
  107. .content .list-box .box-right .right-center {
  108. width: 362rpx;
  109. font-size: 21rpx;
  110. font-weight: bold;
  111. color: #999999;
  112. line-height: 33rpx;
  113. overflow: hidden;
  114. text-overflow: ellipsis;
  115. display: -webkit-box;
  116. -webkit-line-clamp: 2;
  117. -webkit-box-orient: vertical;
  118. }
  119. .content .list-box .box-right .right-foot {
  120. font-size: 21rpx;
  121. font-weight: bold;
  122. color: #999999;
  123. line-height: 31rpx;
  124. text-align: right;
  125. margin-top: 13rpx;
  126. }