proxyApply.wxss 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203
  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-top{
  97. padding: 45rpx;
  98. background: #FFF;
  99. }
  100. .proxyapply-img{
  101. width: 35%;
  102. display: inline-block;
  103. vertical-align: middle;
  104. padding: 15rpx;
  105. box-sizing: border-box;
  106. }
  107. .proxyapply-img image{
  108. width: 180rpx;
  109. height: 180rpx;
  110. border-radius: 50%;
  111. }
  112. .proxyapply-right{
  113. display: inline-block;
  114. vertical-align: middle;
  115. width: 65%;
  116. }
  117. .proxyapply-right .topname{
  118. display: block;
  119. width: 100%;
  120. font-size: 40rpx;
  121. margin: 15rpx 0;
  122. }
  123. .proxyapply-yeji{
  124. float: left;
  125. width: 50%;
  126. }
  127. .proxyapply-yeji small{
  128. font-size: 25rpx;
  129. display: block;
  130. color: #666;
  131. }
  132. .applyproxy-button{
  133. margin: 35rpx 0 20rpx;
  134. background: #eab86a;
  135. text-align: center;
  136. color: #FFF;
  137. padding: 15rpx;
  138. border-radius: 5px;
  139. }
  140. .proxyapply-list{}
  141. .proxyapply-list ul{
  142. list-style: none;
  143. display: block;
  144. }
  145. .proxyapply-list ul li{display: block;}
  146. .proxyapply-list ul li span{
  147. width: 33.33%;
  148. display: inline-block;
  149. padding: 15rpx;
  150. box-sizing: border-box;
  151. font-size: 28rpx;
  152. line-height: 60rpx;
  153. }
  154. .proxyapply-list ul li span.title{
  155. color: #999;
  156. border-bottom: 1px solid #ddd;
  157. }
  158. .proxyapply-list ul li span:nth-child(1){
  159. width: 35%;
  160. }
  161. .proxyapply-list ul li span:nth-child(2){
  162. width: 50%;
  163. }
  164. .proxyapply-list ul li span:nth-child(3){
  165. width: 15%;
  166. }
  167. .proxyapply-list ul li span image{
  168. width: 50rpx;
  169. height: 50rpx;
  170. display: inline-block;
  171. vertical-align: middle;
  172. border-radius: 50%;
  173. margin: 5rpx;
  174. }
  175. .listnodata{
  176. text-align: center;
  177. padding: 25rpx;
  178. color: #999;
  179. }
  180. .nameText {
  181. width: 330rpx;
  182. height: 90rpx;
  183. line-height: 90rpx;
  184. color: #4c4c4c;
  185. float: left;
  186. text-align: left;
  187. padding-right: 20rpx;
  188. }
  189. .newAddress-line {
  190. height: 90rpx;
  191. line-height: 90rpx;
  192. background-color: #fff;
  193. font-size: 28rpx;
  194. border-bottom: 1px solid #eeeeee;
  195. overflow:hidden;
  196. }
  197. .newAddress-title {
  198. float: left;
  199. margin-left: 20rpx;
  200. color: #4c4c4c;
  201. width:80px;
  202. }