pay.css 4.2 KB

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