tuanbonus.css 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213
  1. .my-memvers .member-count {
  2. margin-top: 0px;
  3. padding: 0 15px;
  4. background: #fff;
  5. box-shadow: 0 3px 3px rgba(0,0,0,.06);
  6. border-bottom: 1px solid #dcdcdc;
  7. }
  8. .my-memvers .member-count-title {
  9. padding: 10px 0;
  10. border-bottom: 1px solid #ebebeb;
  11. font-size: 16px;
  12. color: #333;
  13. }
  14. .my-memvers .member-count-title .icon-chunk-gray {
  15. display: inline-block;
  16. width: 4px;
  17. height: 20px;
  18. background: #ccc;
  19. border-bottom-left-radius: 2px;
  20. border-bottom-right-radius: 2px;
  21. }
  22. .my-memvers .member-count-title .icon-chunk-blue {
  23. display: inline-block;
  24. width: 4px;
  25. height: 15px;
  26. background: #45a5cf;
  27. border-top-left-radius: 2px;
  28. border-top-right-radius: 2px;
  29. vertical-align: top;
  30. }
  31. .my-memvers .member-count-title span {
  32. margin: 0 0 0 10px;
  33. }
  34. .row {
  35. width: 100%;
  36. margin-left: auto;
  37. margin-right: auto;
  38. margin-top: 0;
  39. margin-bottom: 0;
  40. }
  41. .my-memvers .member-count-row {
  42. padding: 20px 0 30px 0;
  43. }
  44. .row:before, .row:after {
  45. content: " ";
  46. display: table;
  47. }
  48. .my-memvers .member-count-column.columns {
  49. padding: 0 10px;
  50. border-right: 1px solid #eee;
  51. }
  52. .my-memvers .member-count-label {
  53. display: block;
  54. font-size: 14px;
  55. color: #333;
  56. }
  57. .my-memvers .member-count-number {
  58. display: block;
  59. padding: 15px 0;
  60. font-size: 28px;
  61. color: #f37872;
  62. font-style: normal;
  63. }
  64. .row:after {
  65. clear: both;
  66. }
  67. .my-memvers .member-browse {
  68. margin-top: 10px;
  69. padding: 0 15px;
  70. background: #fff;
  71. }
  72. .my-memvers .member-browse-title {
  73. padding: 10px 0;
  74. border-bottom: 1px solid #ebebeb;
  75. font-size: 16px;
  76. color: #333;
  77. }
  78. .my-memvers .member-browse-title .icon-chunk-gray {
  79. display: inline-block;
  80. width: 4px;
  81. height: 20px;
  82. background: #ccc;
  83. border-bottom-left-radius: 2px;
  84. border-bottom-right-radius: 2px;
  85. }
  86. .my-memvers .member-browse-title .icon-chunk-blue {
  87. display: inline-block;
  88. width: 4px;
  89. height: 15px;
  90. background: #45a5cf;
  91. border-top-left-radius: 2px;
  92. border-top-right-radius: 2px;
  93. vertical-align: top;
  94. }
  95. .my-memvers .member-browse-title span {
  96. margin: 0 0 0 10px;
  97. }
  98. .my-memvers .member-browse-ul {
  99. list-style: none;
  100. margin: 0;
  101. }
  102. .my-memvers .member-browse-li {
  103. padding: 10px 0;
  104. border-bottom: 1px solid #ebebeb;
  105. }
  106. .my-memvers .member-browse-summey-info {
  107. float: left;
  108. font-family: "微软雅黑","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  109. -webkit-tap-highlight-color: rgba(0,0,0,0);
  110. outline: none;
  111. }
  112. .my-memvers .member-browse-li {
  113. padding: 10px 0;
  114. border-bottom: 1px solid #ebebeb;
  115. }
  116. .my-memvers .member-browse-nt {
  117. overflow: hidden;
  118. line-height: 18px;
  119. }
  120. .my-memvers .member-browse-name {
  121. display: block;
  122. font-size: 14px;
  123. color: #333;
  124. }
  125. .member-browser-pro-a .pro-img img {
  126. width: 60px;
  127. height: 60px;
  128. }
  129. .my-memvers .member-browse-summey-info {
  130. float: left;
  131. }
  132. .my-memvers .member-browse-nt {
  133. overflow: hidden;
  134. line-height: 18px;
  135. }
  136. .member-browser-pro-list {
  137. margin: 0px 0 0 0px;
  138. }
  139. .member-browser-pro-a {
  140. display: block;
  141. padding: 3px 0;
  142. }
  143. .member-browser-pro-a:before, .member-browser-pro-a:after {
  144. content: ".";
  145. display: block;
  146. height: 0;
  147. clear: both;
  148. visibility: hidden;
  149. }
  150. .member-browser-pro-a .pro-img {
  151. float: left;
  152. margin-right: 10px;
  153. }
  154. .member-browser-pro-a .pro-img img {
  155. width: 60px;
  156. height: 60px;
  157. }
  158. .member-browser-pro-a .pro-info {
  159. display: block;
  160. margin: 0;
  161. overflow: hidden;
  162. font-family: inherit;
  163. font-weight: normal;
  164. font-size: 14px;
  165. line-height:16px;
  166. text-rendering: optimizeLegibility;
  167. }
  168. .member-browser-pro-a .pro-name {
  169. display: block;
  170. line-height: 20px;
  171. font-size: 14px;
  172. color: #333;
  173. }
  174. .member-browser-pro-a .pro-price {
  175. font-size: 12px;
  176. color: #999;
  177. }
  178. .member-browser-pro-a .pro-price strong {
  179. font-size: 12px;
  180. color: #f37872;
  181. }
  182. .member-browser-pro-a .pro-price {
  183. font-size: 12px;
  184. color: #999;
  185. }
  186. .member-browser-pro-a .pro-price strong {
  187. font-size: 12px;
  188. color: #f37872;
  189. }
  190. .my-memvers .member-browse-summey-info {
  191. float: left;
  192. }
  193. .my-memvers .member-browse-nt {
  194. overflow: hidden;
  195. line-height: 18px;
  196. }
  197. .my-memvers .member-browse-name {
  198. display: block;
  199. font-size: 14px;
  200. color: #333;
  201. }
  202. .columns {
  203. position: relative;
  204. padding-left: 0px;
  205. padding-right: 0px;
  206. float: left;
  207. }
  208. .small-4 {
  209. width: 33.33333%;
  210. }