recently.css 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379
  1. @charset "utf-8";
  2. /* CSS Document */
  3. .r_img_list_box{
  4. overflow: hidden;
  5. background-color: #fff;
  6. }
  7. .r_img_edit_box{
  8. overflow: hidden;
  9. padding: 0 .15rem;
  10. height: .4rem;
  11. background-color: #fff;
  12. }
  13. .r_book_num{
  14. float: left;
  15. height: .4rem;
  16. line-height: .4rem;
  17. }
  18. .r_book_num strong,
  19. .r_book_num em{
  20. font-size: .15rem;
  21. color: #513D3D;
  22. font-weight: normal;
  23. font-style: normal;
  24. }
  25. .r_book_num em{
  26. display: none;
  27. }
  28. .r_img_edit_but_box{
  29. float: right;
  30. height: .4rem;
  31. }
  32. .r_img_edit_but_box a{
  33. float:right;
  34. padding-left: .2rem;
  35. height: .4rem;
  36. font-size: .15rem;
  37. line-height: .4rem;
  38. background-position: 0 center;
  39. background-repeat: no-repeat;
  40. }
  41. .r_img_edit_open{
  42. background-image: url(../../img/frontend/icon/icon-setting.png);
  43. background-size: .16rem auto;
  44. color: #FFB473;
  45. }
  46. .r_img_edit_remove{
  47. display: none;
  48. background-image: url(../../img/frontend/icon/icon-del2.png);
  49. background-size: .16rem auto;
  50. color: #FFB473;
  51. }
  52. .r_img_edit_close{
  53. display: none;
  54. background-image: url(../../img/frontend/icon/icon-del2.png);
  55. background-size: .16rem auto;
  56. color: #FFB473;
  57. }
  58. .r_img_list_edit .r_book_num strong,
  59. .r_img_list_edit .r_img_edit_open,
  60. .r_img_list_edit_remove a.r_img_edit_close,
  61. .r_img_list_edit .r_img_other{
  62. display: none;
  63. }
  64. .r_img_list_edit .r_book_num em,
  65. .r_img_list_edit .r_img_edit_close,
  66. .r_img_list_edit_remove .r_img_edit_remove{
  67. display: block;
  68. }
  69. .r_img_ul,
  70. .r_img_ul li,
  71. .r_img_ul a{
  72. display: block;
  73. overflow: hidden;
  74. }
  75. .r_img_ul{
  76. background-color: #fff;
  77. }
  78. .r_img_ul li{
  79. overflow: hidden;
  80. margin-top: .15rem;
  81. padding-bottom: .08rem;
  82. }
  83. .r_img_ul a{
  84. position: relative;
  85. left: 0;
  86. top: 0;
  87. padding: 0 .15rem;
  88. }
  89. .r_img_list_box .r_img_ul li:first-child,
  90. .r_img_list_box .r_img_ul li:first-child a,
  91. .r_img_list_other .r_img_ul li:first-child,
  92. .r_img_list_other .r_img_ul li:first-child a{
  93. border-top: 0;
  94. padding-top: 0;
  95. }
  96. .r_img_ul li:first-child{
  97. border-top: 0;
  98. }
  99. .r_img_list_box .r_img_ul li:first-child .r_img,
  100. .r_img_list_other .r_img_ul li:first-child .r_img{
  101. top: 0;
  102. }
  103. .r_img{
  104. position: absolute;
  105. left: .15rem;
  106. top: 0;
  107. margin-bottom: 0;
  108. width: .74rem;
  109. height: .98rem;
  110. }
  111. .r_img img{
  112. height: 100%;
  113. border-radius: .06rem;
  114. }
  115. .r_img em,
  116. .r_img strong{
  117. position: absolute;
  118. font-size: .12rem;
  119. color: #fff;
  120. text-align: center;
  121. height: .18rem;
  122. line-height: .18rem;
  123. box-sizing: border-box;
  124. }
  125. .r_img em{
  126. top: -.055rem;
  127. left: -.055rem;
  128. z-index: 10;
  129. padding-right: .08rem;
  130. width: .38rem;
  131. height: .3rem;
  132. background: url(../../img/frontend/icon/icon_4_3.png) no-repeat 0 0;
  133. background-size: .38rem .3rem;
  134. font-size: .2rem;
  135. text-align: center;
  136. color: #fff;
  137. line-height: .3rem;
  138. box-sizing: border-box;
  139. -webkit-transform: scale(0.5,0.5);
  140. -moz-transform: scale(0.5,0.5);
  141. -o-transform: scale(0.5,0.5);
  142. transform: scale(0.5,0.5);
  143. }
  144. .r_img strong{
  145. right: 0;
  146. top: .1rem;
  147. padding-left: .06rem;
  148. height: .18rem;
  149. width: .34rem;
  150. background-color: #27c1a0;
  151. font-size: .12rem;
  152. color: #fff;
  153. text-align: left;
  154. line-height: .18rem;
  155. border-radius: .18rem 0 0 .18rem;
  156. }
  157. .r_img_text{
  158. overflow: hidden;
  159. margin: 0 0 0 .9rem;
  160. height: .98rem;
  161. }
  162. .r_img_text h3{
  163. overflow: hidden;
  164. margin-bottom: .1rem;
  165. height: .21rem;
  166. font-size: .15rem;
  167. color: #513d3d;
  168. font-weight: normal;
  169. line-height: .21rem;
  170. display: -webkit-box;
  171. -webkit-box-orient: vertical;
  172. -webkit-line-clamp: 1;
  173. }
  174. .r_img_chaptername,
  175. .r_img_end{
  176. margin-top: .05rem;
  177. overflow: hidden;
  178. height: .19rem;
  179. font-size: .13rem;
  180. font-family:'PingFang-SC-Regular';
  181. color: #9a9191;
  182. line-height: .19rem;
  183. display: -webkit-box;
  184. -webkit-box-orient: vertical;
  185. -webkit-line-clamp: 1;
  186. }
  187. .r_img_end{
  188. color: #f7b9a2;
  189. }
  190. .r_img_text p{
  191. overflow: hidden;
  192. margin-bottom: .1rem;
  193. height: .37rem;
  194. font-size: .12rem;
  195. color: #9a9191;
  196. line-height: .185rem;
  197. display: -webkit-box;
  198. -webkit-box-orient: vertical;
  199. -webkit-line-clamp: 2;
  200. }
  201. .r_img_other{
  202. margin-top: .1rem;
  203. height: .16rem;
  204. }
  205. .r_img_other em{
  206. float: right;
  207. padding-right: .1rem;
  208. height: .16rem;
  209. background: url(../../img/frontend/icon/icon_1.png) no-repeat right center;
  210. background-size: .06rem auto;
  211. font-size: .12rem;
  212. color: #27c1a0;
  213. line-height: .16rem;
  214. }
  215. .r_img_other span{
  216. float: right;
  217. height: .16rem;
  218. font-size: .12rem;
  219. color: #aeb4ca;
  220. line-height: .16rem;
  221. }
  222. .r_img_other strong{
  223. float: right;
  224. padding-left: .2rem;
  225. height: .16rem;
  226. background: url(../../img/frontend/icon/icon_2.png) no-repeat 0 .03rem;
  227. background-size: auto .1rem;
  228. font-size: .12rem;
  229. color: #E69A00;
  230. line-height: .16rem;
  231. }
  232. .r_img_other b{
  233. display: block;
  234. height: .16rem;
  235. font-size: .12rem;
  236. color: #f63566;
  237. font-weight: normal;
  238. line-height: .16rem;
  239. }
  240. .r_img_other i{
  241. float: left;
  242. overflow: hidden;
  243. display: block;
  244. height: .16rem;
  245. font-size: .12rem;
  246. color: #535756;
  247. line-height: .16rem;
  248. }
  249. .r_img_book_null .r_img span{
  250. position: absolute;
  251. left: 0;
  252. top: 0;
  253. right: 0;
  254. bottom: 0;
  255. background: url(/assets/img/frontend/icon/icon_12.png) no-repeat center center;
  256. background-size: .68rem auto;
  257. }
  258. .r_img_book_null h3,
  259. .r_img_book_null .r_img_chaptername{
  260. color: #aeb4ca;
  261. }
  262. .r_img_list_edit .r_img_text{
  263. padding-right: .3rem;
  264. background: url(/assets/img/frontend/icon/icon_8.png) no-repeat right center;
  265. background-size: .18rem auto;
  266. }
  267. .r_img_list_edit .r_img_remove_select .r_img_text{
  268. background-image: url(/assets/img/frontend/icon/icon_9.png);
  269. }
  270. .r_img_list_other{
  271. overflow: hidden;
  272. margin-top: .1rem;
  273. padding-bottom: .1rem;
  274. background-color: #fff;
  275. }
  276. .r_img_list_other_tit{
  277. overflow: hidden;
  278. }
  279. .r_img_list_other_tit h2{
  280. margin: 0 .15rem;
  281. height: .26rem;
  282. font-size: .18rem;
  283. color: #513d3d;
  284. line-height: .26rem;
  285. }
  286. /*分类列表*/
  287. .c_list_tab_box_2{
  288. overflow: hidden;
  289. margin: .15rem .15rem 0;
  290. height: .28rem;
  291. border: 1px solid #FFB473;
  292. border-radius: .28rem;
  293. box-sizing: border-box;
  294. }
  295. .c_list_tab_box_2 a{
  296. overflow: hidden;
  297. float: left;
  298. width: 25%;
  299. height: 100%;
  300. border-right: 1px solid #FFB473;
  301. font-size: .13rem;
  302. color: #FFB473;
  303. text-align: center;
  304. line-height: .27rem;
  305. box-sizing: border-box;
  306. }
  307. .c_list_tab_box_2 a:last-child{
  308. border-right: 0;
  309. }
  310. .c_list_tab_box_2 .hover{
  311. background-color: #FFB473;
  312. color: #fff;
  313. }