sociology.wxss 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
  1. .content{
  2. background-color: #F2F2F2;
  3. padding: 20rpx;
  4. }
  5. Page {
  6. width: 100%;
  7. height: 100%;
  8. background-color: #F2F2F2;
  9. }
  10. .header{
  11. background-color: #fff;
  12. width: 710rpx;
  13. height: 160rpx;
  14. display: flex;
  15. flex-flow: column nowrap;
  16. justify-content: space-around;
  17. border-radius: 10rpx;
  18. margin-bottom: 20rpx;
  19. }
  20. .top{
  21. display: flex;
  22. flex-flow: row nowrap;
  23. justify-content: left;
  24. /* padding: 20rpx; */
  25. }
  26. .c_img{
  27. height: 66rpx;
  28. width: 66rpx;
  29. margin-left: 30rpx;
  30. }
  31. .top_right{
  32. display: flex;
  33. flex-flow: column nowrap;
  34. justify-content: space-around;
  35. margin-left: 50rpx;
  36. }
  37. .c_name{
  38. font-size: 36rpx;
  39. color: #1296db;
  40. }
  41. .desc{
  42. font-size: 24rpx;
  43. color: #667580;
  44. }
  45. .search_group{
  46. display: flex;
  47. flex-flow: row nowrap;
  48. justify-content: space-around;
  49. border: 2rpx solid #E6E6E6;
  50. border-radius: 50rpx;
  51. height: 50rpx;
  52. align-items: center;
  53. width: 500rpx;
  54. }
  55. .search_aa{
  56. width: 80rpx;
  57. display: flex;
  58. flex-flow: row nowrap;
  59. justify-content: center;
  60. align-items: center;
  61. font-size:28rpx;
  62. margin-left:20rpx;
  63. color: #1296db;
  64. }
  65. .search_input{
  66. width: 600rpx;
  67. }
  68. .bottom{
  69. display: flex;
  70. flex-flow: row nowrap;
  71. justify-content: center;
  72. }
  73. .info{
  74. background-color: #fff;
  75. /* width: 710rpx; */
  76. height: 160rpx;
  77. display: flex;
  78. flex-flow: column nowrap;
  79. justify-content: space-around;
  80. border-radius: 10rpx;
  81. margin-bottom: 20rpx;
  82. padding: 5px 15px;
  83. }
  84. .info_top,.info_mid,.info_bottom{
  85. display: flex;
  86. flex-flow: row nowrap;
  87. justify-content: space-between;
  88. /* padding: 0 15rpx; */
  89. }
  90. .info_bottom{
  91. display: flex;
  92. flex-flow: row nowrap;
  93. justify-content: left;
  94. /* padding: 0 15rpx; */
  95. }
  96. .info_mid_left{
  97. display: flex;
  98. flex-flow: row nowrap;
  99. justify-content: left;
  100. }
  101. .info_bottom_img{
  102. width: 35rpx;
  103. height: 35rpx;
  104. }
  105. .info_top_left{
  106. color: #43496a;
  107. font-size: 32rpx;
  108. font-weight: 600;
  109. width: 400rpx;
  110. overflow: hidden;
  111. text-overflow:ellipsis;
  112. white-space: nowrap;
  113. }
  114. .info_top_right{
  115. font-size: 32rpx;
  116. font-weight: bold;
  117. color: #FF8364
  118. }
  119. .info_mid_left,.info_mid_right{
  120. font-size: 20rpx;
  121. font-weight: 500;
  122. color: #808080;
  123. }
  124. .info_bottom_2{
  125. font-size: 28rpx;
  126. margin-left: 10rpx;
  127. font-size: 12px;
  128. font-weight: 600;
  129. color: #6C6C6C;
  130. }
  131. .input_text{
  132. color: #c2c6da;
  133. font-size: 28rpx;
  134. }
  135. .icon_search{
  136. margin-left: 20rpx;
  137. }
  138. .icon_clear{
  139. margin-right: 20rpx;
  140. }
  141. .no_data_par{
  142. display: flex;
  143. flex-flow: column nowrap;
  144. align-items: center;
  145. margin-top: 200rpx;
  146. }
  147. .no_data_img{
  148. height: 240rpx;
  149. width: 320rpx;
  150. }
  151. .info_mid_left_info{
  152. background: #FF8364;border-radius: 6px;padding:1px 10px;color:#fff;margin-right:10rpx
  153. }