book_details.css 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669
  1. @charset "utf-8";
  2. /* CSS Document */
  3. * {
  4. -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  5. }
  6. body{
  7. -webkit-font-smoothing: antialiased;
  8. }
  9. select, input[type="submit"] {
  10. cursor: pointer;
  11. }
  12. select, input, textarea {
  13. border: 0;
  14. font-size: 14px;
  15. display: block;
  16. width: 100%;
  17. box-sizing: border-box;
  18. -webkit-appearance:none;
  19. -moz-appearance:none;
  20. appearance:none;
  21. -webkit-appearance: none;
  22. background-color: none;
  23. color: #666;
  24. resize: none;
  25. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  26. outline: none;
  27. }
  28. .body_sytle{
  29. padding-bottom: .5rem;
  30. background-color: #fff;
  31. }
  32. .bd_head_box{
  33. overflow: hidden;
  34. }
  35. .book_info {
  36. margin-top: -.44rem;
  37. }
  38. .bd_head_info{
  39. overflow: hidden;
  40. /*padding: .15rem .15rem 0;*/
  41. position: relative;
  42. left: 0;
  43. top: 0;
  44. z-index: 1;
  45. }
  46. .bd_info_top {
  47. background:linear-gradient(225deg,rgba(95,111,146,1) 0%,rgba(55,61,86,1) 100%);
  48. padding: .5rem .15rem .15rem;
  49. }
  50. .bd_head_info_img{
  51. overflow: hidden;
  52. position: absolute;
  53. left: .15rem;
  54. top: .5rem;
  55. height: 1.2rem;
  56. width: .9rem;
  57. }
  58. .bd_head_info_img img{
  59. display: block;
  60. width: .9rem;
  61. height: 1.2rem;
  62. border-radius: .03rem;
  63. }
  64. .bd_head_info_txt{
  65. overflow: hidden;
  66. margin: 0 0 .05rem 1.06rem;
  67. /*height: 1.2rem;*/
  68. }
  69. .bd_head_info_txt h1{
  70. margin-bottom: .14rem;
  71. overflow: hidden;
  72. height: .26rem;
  73. font-family:'PingFang-SC-Medium';
  74. font-weight:600;
  75. font-size: .19rem;
  76. color: #fff;
  77. line-height: .26rem;
  78. }
  79. .bd_head_info_author {
  80. font-weight:400;
  81. margin-bottom: .05rem;
  82. font-size: .12rem;
  83. color: #fff;
  84. }
  85. .bd_head_info_txt .i_images_txt_other{
  86. margin-bottom: .09rem;
  87. color: #fff;
  88. font-size: .12rem;
  89. }
  90. .bd_head_info_other{
  91. /*overflow: hidden;*/
  92. /*height: .26rem;*/
  93. margin: .05rem 0 0;
  94. overflow: hidden;
  95. height: .19rem;
  96. }
  97. .bd_head_info_other strong{
  98. display: block;
  99. height: .26rem;
  100. font-size: .13rem;
  101. color: #5e6a94;
  102. line-height: .26rem;
  103. }
  104. .bd_head_info_tag{
  105. margin: .03rem 0 .3rem;
  106. overflow: hidden;
  107. height: .15rem;
  108. }
  109. .bd_head_info_tag span{
  110. overflow: hidden;
  111. padding: 0 .04rem;
  112. float: left;
  113. margin-right: .1rem;
  114. height: .15rem;
  115. background-color: #77a4ff;
  116. font-size: .1rem;
  117. color: #fff;
  118. line-height: .15rem;
  119. border-radius: 0.03rem;
  120. }
  121. .bd_head_info_tag span:nth-child(1){
  122. background-color: #77a4ff;
  123. }
  124. .bd_head_info_tag span:nth-child(2){
  125. background-color: #8ac94e;
  126. }
  127. .bd_head_info_other span{
  128. float: left;
  129. padding-left: .16rem;
  130. height: .26rem;
  131. font-size: .14rem;
  132. color: #9597ae;
  133. line-height: .26rem;
  134. }
  135. .bd_head_info_other span:nth-child(1){
  136. background: url(/assets/img/frontend/icon/icon_29.png) no-repeat 0 0.06rem/.11rem auto;
  137. }
  138. .bd_head_info_other span:nth-child(3){
  139. background: url(/assets/img/frontend/icon/icon_30.png) no-repeat .02rem 0.06rem/.11rem auto;
  140. }
  141. .bd_head_info_other em{
  142. overflow: hidden;
  143. float: left;
  144. margin: .07rem .1rem;
  145. height: .12rem;
  146. width: 1px;
  147. background-color: #dfe1e6;
  148. }
  149. .bd_but_box{
  150. display: flex;
  151. position: fixed;
  152. left: 0;
  153. bottom: 0;
  154. right: 0;
  155. z-index: 2000;
  156. overflow: hidden;
  157. height: .53rem;
  158. }
  159. .bd_but_box a{
  160. flex: 1;
  161. display: block;
  162. margin: 0 auto;
  163. height: .53rem;
  164. line-height: .53rem;
  165. background-color: #E63B64;
  166. font-size: .18rem;
  167. color: #fff;
  168. text-align: center;
  169. }
  170. .buts_1{
  171. /*background-color: #27c1a0;*/
  172. }
  173. .bd_but_box .buts_2{
  174. /*background-color: #f56451;*/
  175. /*color: #5EBEA1;*/
  176. }
  177. .bd_but_box .js_add_shelfed {
  178. color: #E63B64;
  179. background: #fff;
  180. }
  181. .bd_description_box p{
  182. overflow: hidden;
  183. font-size: .13rem;
  184. color: #5e6a94;
  185. line-height: .22rem;
  186. }
  187. .bd_description_open p{
  188. max-height: .66rem;
  189. display: -webkit-box;
  190. -webkit-box-orient: vertical;
  191. -webkit-line-clamp: 3;
  192. }
  193. .bd_description_box a{
  194. display: none;
  195. }
  196. .bd_description_open a{
  197. display: block;
  198. float: right;
  199. margin-top: .06rem;
  200. padding: 0 .2rem 0 .05rem;
  201. height: .22rem;
  202. white-space: nowrap;
  203. background: url(/assets/img/frontend/icon/icon_31.png) no-repeat 90% center;
  204. background-size: .09rem auto;
  205. font-size: .13rem;
  206. color: #77a4ff;
  207. line-height: .22rem;
  208. }
  209. .bd_list_box{
  210. overflow: hidden;
  211. padding-top: .15rem;
  212. }
  213. .bd_list_tit{
  214. overflow: hidden;
  215. height: .21rem;
  216. width: 3.3rem;
  217. margin-right: .18rem;
  218. margin-left: .2rem;
  219. position: relative;
  220. }
  221. .bd_list_tit h2{
  222. float: left;
  223. height: .17rem;
  224. /*width: .4rem;*/
  225. margin-right: .1rem;
  226. /*border-right: 1px solid #FFB473;*/
  227. font-size: .15rem;
  228. font-family:'PingFang-SC-Regular';
  229. color: #222222;
  230. line-height: .17rem;
  231. }
  232. .bd_list_tit h2 span{
  233. font-size: .13rem;
  234. color: #9597ae;
  235. }
  236. .bd_list_new{
  237. position: relative;
  238. left: 0;
  239. top: 0;
  240. height: .38rem;
  241. }
  242. .bd_list_new span,
  243. .bd_list_new i{
  244. position: absolute;
  245. -ms-transform:rotate(45deg);
  246. -moz-transform:rotate(45deg);
  247. -webkit-transform:rotate(45deg);
  248. -o-transform:rotate(45deg);
  249. transform:rotate(45deg);
  250. }
  251. .bd_list_new span{
  252. left: .1rem;
  253. top: -.05rem;
  254. z-index: -1;
  255. height: .1rem;
  256. width: .1rem;
  257. background-color: #ffe9d4;
  258. }
  259. .bd_list_new i{
  260. left: .11rem;
  261. top: -.04rem;
  262. z-index: 1;
  263. height: .08rem;
  264. width: .08rem;
  265. background-color: #fff5eb;
  266. }
  267. .bd_list_new strong,.bd_list_new a{
  268. overflow: hidden;
  269. margin-left: .12rem;
  270. height: .17rem;
  271. font-size: .13rem;
  272. font-family:'PingFang-SC-Regular';
  273. color: #888888;
  274. width: 1.43rem;
  275. line-height: .17rem;
  276. display: -webkit-box;
  277. -webkit-box-orient: vertical;
  278. -webkit-line-clamp: 1;
  279. }
  280. .bd_list_new .bd_time {
  281. font-size: .13rem;
  282. color: #888888;
  283. line-height: .17rem;
  284. height: .17rem;
  285. position: absolute;
  286. right: 0;
  287. top: 0;
  288. }
  289. .bd_list_new .bd_time .bd_time_arrow {
  290. overflow: hidden;
  291. padding-left: .1rem;
  292. height: .19rem;
  293. background: url(../../img/frontend/icon/arrow.png) no-repeat 2px center;
  294. background-size: .08rem .09rem;
  295. font-size: .13rem;
  296. color: #FFB473;
  297. line-height: .17rem;
  298. box-sizing: border-box;
  299. }
  300. .bd_list_ul{
  301. overflow: hidden;
  302. }
  303. .bd_list_ul li{
  304. height: .44rem;
  305. border-bottom: 1px solid #edf0fa;
  306. }
  307. .bd_list_ul a,
  308. .bd_list_more{
  309. overflow: hidden;
  310. display: block;
  311. padding: 0 .15rem;
  312. height: .44rem;
  313. font-size: .14rem;
  314. color: #5e6a94;
  315. line-height: .44rem;
  316. }
  317. .bd_list_more{
  318. margin-bottom: .2rem;
  319. text-align: center;
  320. border-bottom: 1px solid #edf0fa;
  321. }
  322. .bl_tit_box{
  323. height: .5rem;
  324. background-color: #fff;
  325. }
  326. .directory_select{
  327. position:relative;
  328. left:0;
  329. top:0;
  330. z-index:100;
  331. float:right;
  332. padding:0 .05rem;
  333. margin:.1rem .15rem 0 0;
  334. height:.3rem;
  335. background-color:#f6f6f6;
  336. border:1px solid #d8d8d8;
  337. box-sizing:border-box;
  338. border-radius: .03rem;
  339. }
  340. .directory_select span{
  341. position:absolute;
  342. right:.08rem;
  343. top:.11rem;
  344. width:.06rem;
  345. height:.06rem;
  346. background:url(/assets/img/frontend/icon/sanjiao_5.png) no-repeat 0 0;
  347. background-size:.06rem;
  348. }
  349. .directory_select select{
  350. margin:0 .13rem 0 0;
  351. padding:0;
  352. border:0;
  353. height:100%;
  354. background:#f6f6f6;
  355. }
  356. .total_chapter{
  357. margin-left:.14rem;
  358. display:block;
  359. color:#333;
  360. font-weight:normal;
  361. font-size:.18rem;
  362. line-height:.5rem;
  363. }
  364. .bd_list_ul .bd_list_catalog_elect{
  365. color: #5599ff;
  366. }
  367. /* 主编推荐 */
  368. .clearfix:after {
  369. content:"";
  370. display: block;
  371. clear:both;
  372. }
  373. .main_recommend {
  374. overflow: hidden;
  375. padding: 0 0rem;
  376. }
  377. .main_recommend_tit{
  378. overflow:hidden;
  379. height:.3rem;
  380. margin:0.15rem 0.15rem 0;
  381. }
  382. .main_recommend_tit h2 {
  383. float: left;
  384. height: .3rem;
  385. font-size: .15rem;
  386. color: #222;
  387. font-weight: 500;
  388. line-height: .3rem;
  389. }
  390. .main_recommend_tit a{
  391. float:right;
  392. overflow:hidden;
  393. text-indent: -9999px;
  394. width:.3rem;
  395. height:.3rem;
  396. }
  397. .main_recommend_tit .main_recommend_but {
  398. background: url(../../img/frontend/icon/icon-refresh.png) center right no-repeat;
  399. background-size:.2rem .2rem;
  400. }
  401. .main_recommend_box {padding-bottom:.15rem;}
  402. .main_recommend_ul {margin-top:.1rem;}
  403. .main_recommend_ul li {
  404. float:left;
  405. margin-left:.15rem;
  406. width: .74rem;
  407. height: 1.28rem;
  408. }
  409. .main_recommend_ul li img {
  410. display:block;
  411. margin:0 auto;
  412. width: .74rem;
  413. height: .98rem;
  414. border-radius: .06rem;
  415. }
  416. .main_recommend_ul li a {
  417. color:#513D3D;
  418. }
  419. .main_recommend_ul li h3{
  420. padding-top:.05rem;
  421. height:.2rem;
  422. line-height: .2rem;
  423. font-size: .12rem;
  424. font-weight: normal;
  425. overflow: hidden;
  426. text-overflow: ellipsis;
  427. white-space: nowrap;
  428. }
  429. .i_images_txt_other strong i {
  430. border: none !important;
  431. margin-right: 0;
  432. color: #fff;
  433. font-size: .12rem;
  434. }
  435. .bd_type {
  436. display: flex;
  437. justify-content: flex-start;
  438. margin-top: .2rem;
  439. }
  440. .bd_type .type_text {
  441. padding: 0 0.05rem;
  442. height: .19rem;
  443. line-height: .19rem;
  444. text-align: center;
  445. font-size: .12rem;
  446. color: #fff;
  447. background: #FFC25E;
  448. /*#7097E9*/
  449. border-radius: .1rem;
  450. margin-right: .05rem;
  451. }
  452. .bd_type .fire {
  453. width: .2rem;
  454. height: .2rem;
  455. vertical-align: middle;
  456. margin-right: .05rem;
  457. }
  458. .bd_type .look_num {
  459. font-size: .12rem;
  460. font-weight:400;
  461. color: #fff;
  462. }
  463. .bd_editor {
  464. padding: .12rem;
  465. position: relative;
  466. width: 3.05rem;
  467. border-radius: .05rem;
  468. margin: .26rem auto .15rem;
  469. border: 1px solid rgba(199,161,80,1);
  470. font-size: .13rem;
  471. color: #B78F3A;
  472. line-height: .19rem;
  473. }
  474. .bd_editor .bd_mark {
  475. position: absolute;
  476. top: -.1rem;
  477. left: .15rem;
  478. background: #fff;
  479. }
  480. .bd_editor .bd_title {
  481. font-size: .17rem;
  482. font-weight: bold;
  483. color: #C7A150;
  484. }
  485. .bd_first_section {
  486. width: 3.3rem;
  487. margin: .12rem auto 0;
  488. }
  489. .bd_first_section .first_title {
  490. color: #222222;
  491. font-size: .13rem;
  492. font-weight:500;
  493. }
  494. .bd_first_section .first_info {
  495. min-height: .58rem;
  496. font-size: .13rem;
  497. font-weight: 400;
  498. width: 100%;
  499. /*overflow: hidden;*/
  500. /*text-overflow: ellipsis;*/
  501. /*display: -webkit-box;*/
  502. /*-webkit-line-clamp: 3;*/
  503. /*-webkit-box-orient: vertical;*/
  504. color: rgba(34,34,34,1);
  505. margin-top: .08rem;
  506. line-height: .19rem;
  507. }
  508. .bd_first_section .bd_red_btn {
  509. font-size: .14rem;
  510. text-align: center;
  511. height: .5rem;
  512. line-height: .5rem;
  513. font-weight:500;
  514. color: #E63B64;
  515. border-top: 1px solid #E9E9E9;
  516. margin-top: .08rem;
  517. }
  518. .bd_line {
  519. width: 100%;
  520. height: .12rem;
  521. background: #F5F5F5;
  522. }
  523. .bd_author_other_bk {
  524. padding: .15rem;
  525. }
  526. .bd_author_other_bk .bd_author_other_title {
  527. font-size: .15rem;
  528. font-weight:600;
  529. color: #222;
  530. margin-bottom: .15rem;
  531. }
  532. .bd_author_other_bk .bk_other_info {
  533. display: flex;
  534. justify-content: space-between;
  535. }
  536. .bk_other_info .bk_img {
  537. position: relative;
  538. }
  539. .bk_other_info .bk_img .bk_status {
  540. padding: .01rem .03rem;
  541. height: .15rem;
  542. line-height: .15rem;
  543. text-align: center;
  544. background: rgba(84,179,255,1);
  545. box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.3);
  546. border-radius: 0px 0px .03rem .03rem;
  547. position: absolute;
  548. top: 0;
  549. left: .04rem;
  550. color: #fff;
  551. font-size: .11rem;
  552. }
  553. .bk_other_info .bk_img img {
  554. width: .71rem;
  555. height: .95rem;
  556. border-radius: .02rem;
  557. }
  558. .bd_author_other_bk .bk_other_info .bk_tit {
  559. font-size: .15rem;
  560. color: #333333;
  561. font-weight: 400;
  562. margin-bottom: .04rem;
  563. width: 2.47rem;
  564. overflow: hidden;
  565. text-overflow: ellipsis;
  566. display: -webkit-box;
  567. -webkit-line-clamp: 1;
  568. -webkit-box-orient: vertical;
  569. }
  570. .bd_author_other_bk .bk_other_info .bk_particulars {
  571. width: 2.47rem;
  572. max-height: .52rem;
  573. color: #888888;
  574. font-size: .12rem;
  575. overflow: hidden;
  576. text-overflow: ellipsis;
  577. display: -webkit-box;
  578. -webkit-line-clamp: 3;
  579. -webkit-box-orient: vertical;
  580. margin-bottom: .04rem;
  581. }
  582. .bd_author_other_bk .bk_other_info .bk_other_author {
  583. color: #B2B6B7;
  584. font-size: .12rem;
  585. }
  586. .copyright {
  587. background: #f5f5f5;
  588. padding: .15rem;
  589. font-size: .12rem;
  590. font-weight:400;
  591. color: rgba(178,182,183,1);
  592. line-height: .15rem;
  593. }