proxyReview.wxss 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
  1. .bg {
  2. position: relative;
  3. width: 100%;
  4. min-height: 100%;
  5. background-color: #f3f3f3;
  6. }
  7. .radish-top {
  8. width: 100%;
  9. height: 360rpx;
  10. background-image: url('http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/user/djquan.jpg');
  11. background-size: 100%;
  12. }
  13. .radish-top__title {
  14. padding: 95rpx 0 0;
  15. font-size: 34rpx;
  16. color: #FFF;
  17. text-align: center;
  18. text-shadow: 1px 1px 1px #bb954d;
  19. }
  20. .radish-top__count {
  21. font-size: 70rpx;
  22. color: #fff;
  23. text-align: center;
  24. text-shadow: 1px 1px 1px #e6231d;
  25. }
  26. .radish-top__btn {
  27. position: absolute;
  28. top: 190rpx;
  29. left: 150rpx;
  30. width: 196rpx;
  31. height: 60rpx;
  32. border: 2rpx solid #fff;
  33. margin: 48rpx auto 0;
  34. text-align: center;
  35. line-height: 60rpx;
  36. border-radius: 8rpx;
  37. font-size: 28rpx;
  38. color: #fff;
  39. }
  40. .radish-top__btn1 {
  41. position: absolute;
  42. top: 210rpx;
  43. width: 206rpx;
  44. height: 60rpx;
  45. border: 2rpx solid #eb4d20;
  46. margin: 48rpx auto 0;
  47. text-align: center;
  48. line-height: 60rpx;
  49. border-radius: 45px;
  50. font-size: 32rpx;
  51. color: #fff;
  52. right: calc(50% - 103rpx);
  53. background: linear-gradient(to right,#eb712c,#e71f1c);
  54. }
  55. .radish-main {
  56. background-color: #fff;
  57. }
  58. .radish-main__title {
  59. height: 50rpx;
  60. line-height: 50rpx;
  61. color: #bbbbbb;
  62. background-color: #f3f3f3;
  63. text-align: center;
  64. font-size: 24rpx;
  65. }
  66. .radish-main__line {
  67. margin: 0 20rpx;
  68. height: 100rpx;
  69. border-bottom: 1rpx solid #eeeeee;
  70. }
  71. .radish-main__left {
  72. float: left;
  73. width: 450rpx;
  74. }
  75. .radish-main__text {
  76. float: left;
  77. padding-top: 16rpx;
  78. font-size: 28rpx;
  79. color: #4c4c4c;
  80. width: 450rpx;
  81. }
  82. .radish-main__time {
  83. float: left;
  84. font-size: 18rpx;
  85. color: #bbbbbb;
  86. padding-top: 5rpx;
  87. }
  88. .radish-main__count {
  89. float: right;
  90. width: 260rpx;
  91. font-size: 28rpx;
  92. line-height: 100rpx;
  93. text-align: right;
  94. color: #eab86a;
  95. }
  96. .proxyapply-list{}
  97. .proxyapply-list ul{
  98. list-style: none;
  99. display: block;
  100. }
  101. .proxyapply-list ul li{display: block;}
  102. .proxyapply-list ul li span{
  103. width: 33.33%;
  104. display: inline-block;
  105. padding: 15rpx;
  106. box-sizing: border-box;
  107. font-size: 28rpx;
  108. line-height: 60rpx;
  109. }
  110. .proxyapply-list ul li span.title{
  111. color: #999;
  112. border-bottom: 1px solid #ddd;
  113. }
  114. .proxyapply-list ul li span:nth-child(1){
  115. width: 35%;
  116. }
  117. .proxyapply-list ul li span:nth-child(2){
  118. width: 50%;
  119. }
  120. .proxyapply-list ul li span:nth-child(3){
  121. width: 15%;
  122. }
  123. .proxyapply-list ul li span image{
  124. width: 50rpx;
  125. height: 50rpx;
  126. display: inline-block;
  127. vertical-align: middle;
  128. border-radius: 50%;
  129. margin: 5rpx;
  130. }
  131. .review-txt{
  132. padding: 25rpx;
  133. line-height: 50rpx;
  134. text-align: right;
  135. display: block;
  136. overflow: hidden;
  137. }
  138. .review-txt text{
  139. float: left;
  140. color: #999;
  141. }
  142. .review-txt image{
  143. width: 55rpx;
  144. height: 55rpx;
  145. border-radius: 50%;
  146. display: inline-block;
  147. vertical-align: middle;
  148. margin-right: 25rpx;
  149. }
  150. .review-button{
  151. margin: 40rpx 25rpx;
  152. display: block;
  153. background: #eab86a;
  154. text-align: center;
  155. padding: 15rpx;
  156. border-radius: 5px;
  157. color: #FFF;
  158. }