contribution.wxss 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. page, page {
  12. height: 100%;
  13. background-color: #fefefe;
  14. }
  15. .content {
  16. background-color: #fefefe;
  17. line-height: 1;
  18. padding-top: 25rpx;
  19. padding: 24rpx 24rpx 0;
  20. }
  21. .content .top {
  22. display: -webkit-box;
  23. display: -webkit-flex;
  24. display: flex;
  25. -webkit-box-align: center;
  26. -webkit-align-items: center;
  27. align-items: center;
  28. }
  29. .content .top .img {
  30. width: 80rpx;
  31. height: 80rpx;
  32. }
  33. .content .top .img image {
  34. width: 80rpx;
  35. height: 80rpx;
  36. }
  37. .content .top .name {
  38. margin-left: 8rpx;
  39. }
  40. .content .top .name .chinaName {
  41. font-weight: 300;
  42. font-size: 34rpx;
  43. }
  44. .content .cross {
  45. margin-left: 6rpx;
  46. height: 76rpx;
  47. line-height: 76rpx;
  48. color: #444444;
  49. border-bottom: 1rpx solid #CCCCCC;
  50. }
  51. .content .box {
  52. padding: 0 0 24rpx;
  53. }
  54. .content .box .title {
  55. font-size: 28rpx;
  56. margin: 20rpx 0;
  57. font-weight: 700;
  58. }
  59. .content .box .detail {
  60. font-size: 28rpx;
  61. }
  62. .content .box .detail .detail-item {
  63. height: 40rpx;
  64. color: #000;
  65. }
  66. .content .box .erweima {
  67. display: -webkit-box;
  68. display: -webkit-flex;
  69. display: flex;
  70. -webkit-box-orient: vertical;
  71. -webkit-box-direction: normal;
  72. -webkit-flex-direction: column;
  73. flex-direction: column;
  74. -webkit-box-align: center;
  75. -webkit-align-items: center;
  76. align-items: center;
  77. width: 100%;
  78. height: 100%;
  79. }
  80. .content .box .erweima image {
  81. width: 550rpx;
  82. height: 650rpx;
  83. }
  84. .content .box .erweima .name {
  85. margin: 14rpx 0;
  86. color: #d32d26;
  87. font-weight: 900;
  88. font-size: 48rpx;
  89. }
  90. .content .box .weixin {
  91. display: -webkit-box;
  92. display: -webkit-flex;
  93. display: flex;
  94. -webkit-box-orient: vertical;
  95. -webkit-box-direction: normal;
  96. -webkit-flex-direction: column;
  97. flex-direction: column;
  98. -webkit-box-align: center;
  99. -webkit-align-items: center;
  100. align-items: center;
  101. width: 100%;
  102. height: 100%;
  103. }
  104. .content .box .weixin image {
  105. width: 550rpx;
  106. height: 650rpx;
  107. }
  108. .content .box .weixin .name {
  109. margin: 14rpx 0;
  110. color: #d32d26;
  111. font-weight: 900;
  112. font-size: 48rpx;
  113. }