pay.css 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282
  1. @charset "utf-8";
  2. /* CSS Document */
  3. .re_head_box{
  4. position: relative;
  5. left: 0;
  6. top: 0;
  7. overflow: hidden;
  8. margin-bottom: .1rem;
  9. padding: .15rem 0 .15rem 0;
  10. /*height: .48rem;*/
  11. background-color: #fff;
  12. }
  13. .re_img{
  14. overflow: hidden;
  15. position: absolute;
  16. left: .15rem;
  17. top: .15rem;
  18. width: .48rem;
  19. height: .48rem;
  20. border-radius: .48rem;
  21. }
  22. .re_img_vip{
  23. position: absolute;
  24. left: .15rem;
  25. top: .15rem;
  26. width: .48rem;
  27. height: .48rem;
  28. padding: 1px;
  29. border-radius: .48rem;
  30. box-sizing: border-box;
  31. -moz-box-shadow:0 0 0 1px #ffd99e;
  32. -webkit-box-shadow:0 0 0 1px #ffd99e;
  33. box-shadow:0 0 0 1px #ffd99e;
  34. box-sizing: border-box;
  35. }
  36. .re_img_vip span{
  37. position: absolute;
  38. left: 50%;
  39. bottom: -.02rem;
  40. margin: 0 0 0 -.145rem;
  41. width: .29rem;
  42. height: .12rem;
  43. background: url(/assets/img/frontend/icon/user_vip_2.png) no-repeat center center/100% 100%;
  44. }
  45. .re_img img,
  46. .re_img_vip img{
  47. height: 100%;
  48. width: 100%;
  49. border-radius: .48rem;
  50. }
  51. .re_user_info_box{
  52. overflow: hidden;
  53. margin: 0 0 0 .20rem;
  54. /*height: .48rem;*/
  55. }
  56. .re_user_info_box h3{
  57. height: .3rem;
  58. font-size: .15rem;
  59. color: #0a347e;
  60. line-height: .3rem;
  61. }
  62. .re_user_info{
  63. overflow: hidden;
  64. height: .18rem;
  65. }
  66. .re_user_info em{
  67. display: inline;
  68. /*float: left;*/
  69. height: .18rem;
  70. width: 43%;
  71. font-size: .13rem;
  72. color: #aeb4ca;
  73. line-height: .18rem;
  74. margin-right: 0.1rem;
  75. }
  76. .line-css{
  77. color: #848282;
  78. }
  79. .re_user_info em span{
  80. display: inline;
  81. color: #5e6a94;
  82. }
  83. .re_user_info strong{
  84. display: inline;
  85. /*float: left;*/
  86. padding-left: 5px;
  87. height: .18rem;
  88. width: 56%;
  89. border-left: 1px;
  90. font-size: .13rem;
  91. color: #aeb4ca;
  92. line-height: .18rem;
  93. box-sizing: border-box;
  94. }
  95. .re_user_info strong span{
  96. display: inline;
  97. color: #f63566;
  98. }
  99. .re_main_box{
  100. overflow: hidden;
  101. background-color: #fff;
  102. }
  103. .re_vip_txt{
  104. overflow: hidden;
  105. padding: .1rem .15rem;
  106. background-color: #e9f9f5;
  107. }
  108. .re_vip_txt em,
  109. .re_vip_txt strong{
  110. overflow: hidden;
  111. display: block;
  112. font-size: .13rem;
  113. line-height: .2rem;
  114. }
  115. .re_vip_txt em{
  116. color: #bbb;
  117. }
  118. .re_vip_txt strong{
  119. color: #f56451;
  120. }
  121. .re_list_box{
  122. overflow: hidden;
  123. background-color: #fff;
  124. }
  125. .re_list_tit{
  126. overflow: hidden;
  127. margin: 0 .15rem;
  128. padding: .16rem 0 .14rem;
  129. }
  130. .re_list_tit h2{
  131. font-size: .16rem;
  132. color: #5e6a94;
  133. line-height: .24rem;
  134. }
  135. .re_list_tit h2 span{
  136. color: #aeb4ca;
  137. }
  138. .re_list_ul{
  139. overflow: hidden;
  140. padding: 0 .07rem;
  141. }
  142. .re_list_ul li{
  143. float: left;
  144. overflow: hidden;
  145. width: 50%;
  146. }
  147. .re_list_ul a{
  148. display: block;
  149. overflow: hidden;
  150. position: relative;
  151. left: 0;
  152. top: 0;
  153. margin: 0 .08rem .16rem;
  154. padding: .05rem 0 .05rem .12rem;
  155. -moz-box-shadow:0 0 0 1px #ced2df inset;
  156. -webkit-box-shadow:0 0 0 1px #ced2df inset;
  157. box-shadow:0 0 0 1px #ced2df inset;
  158. box-sizing: border-box;
  159. -webkit-border-radius: .06rem;
  160. -moz-border-radius: .06rem;
  161. -ms-border-radius: .06rem;
  162. -o-border-radius: .06rem;
  163. border-radius: .06rem;
  164. }
  165. .re_list_ul strong{
  166. display: block;
  167. height: .24rem;
  168. font-size: .16rem;
  169. color: #494a4c;
  170. font-weight: 600;
  171. line-height: .24rem
  172. }
  173. .re_list_ul em{
  174. overflow: hidden;
  175. display: block;
  176. height: .24rem;
  177. font-size: .13rem;
  178. color: #999;
  179. line-height: .24rem;
  180. }
  181. .re_list_ul span{
  182. display: inline;
  183. font-size: .13rem;
  184. color: #fa5d57;
  185. }
  186. .re_list_ul i{
  187. overflow: hidden;
  188. padding: 0 .04rem 0 .08rem;
  189. position: absolute;
  190. right: 0;
  191. top: .08rem;
  192. height: .18rem;
  193. background-color: #fb6b69;
  194. font-size: .12rem;
  195. color: #fff;
  196. line-height: .18rem;
  197. border-radius: .18rem 0 0 .18rem;
  198. }
  199. .re_list_ul b{
  200. overflow: hidden;
  201. display: block;
  202. font-size: .13rem;
  203. color: #fa5d57;
  204. font-weight: normal;
  205. line-height: .2rem;
  206. }
  207. .re_list_ul .hover a{
  208. -moz-box-shadow:0 0 0 2px #27c1a0 inset;
  209. -webkit-box-shadow:0 0 0 2px #27c1a0 inset;
  210. box-shadow:0 0 0 2px #27c1a0 inset;
  211. background:url(../../img/frontend/icon/elect_icon_3.png) no-repeat right bottom;
  212. background-size: .23rem auto;
  213. }
  214. .re_but_box{
  215. overflow: hidden;
  216. padding: .04rem .15rem;
  217. }
  218. .re_but_box a{
  219. display: block;
  220. margin: 0 auto;
  221. height: .36rem;
  222. width: 2.1rem;
  223. background-color: #27c1a0;
  224. font-size: .16rem;
  225. color: #fff;
  226. text-align: center;
  227. line-height: .36rem;
  228. border-radius: .36rem;
  229. }
  230. .re_rule_box{
  231. overflow: hidden;
  232. padding:.2rem .15rem;
  233. background-color: #fff;
  234. }
  235. .re_rule_box p{
  236. overflow: hidden;
  237. padding: .02rem 0;
  238. font-size: .13rem;
  239. color: #5e6a94;
  240. line-height: .2rem;
  241. }