Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.
 
 
 
 

395 wiersze
30 KiB

  1. <!doctype html>
  2. <html amp lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
  6. <title>{$tkd.title|parseTpl}</title>
  7. <meta name="keywords" content="{$tkd.keywords|parseTpl}">
  8. <meta name="description" content="{$tkd.description|parseTpl}">
  9. <link rel="canonical" href="{$kx.config.mobileurl}{link=novel.novel.index novelid=$novel.id pinyin=$novel.pinyin}" />
  10. <script async src="https://cdn.ampproject.org/v0.js"></script>
  11. <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
  12. <style amp-custom>
  13. blockquote, body, button, caption, dd, div, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, hr, html, input, legend, li, menu, ol, p, pre, table, td, textarea, th, ul { margin: 0; padding: 0; box-sizing: border-box; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; outline: 0 }
  14. address, article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block }
  15. table { border-collapse: collapse; border-spacing: 0 }
  16. caption, th { text-align: left; font-weight: 400 }
  17. abbr, body, fieldset, html, iframe, img { border: 0 }
  18. address, cite, dfn, em, i, var { font-style: normal }
  19. [hidefocus], summary { outline: 0 }
  20. li { list-style: none }
  21. h1, h2, h3, h4, h5, h6, small { font-size: 100% }
  22. sub, sup { font-size: 83% }
  23. code, kbd, pre, samp { font-family: inherit }
  24. q:after, q:before { content: none }
  25. textarea { overflow: auto; resize: none }
  26. label, summary { cursor: default }
  27. a, button { cursor: pointer }
  28. b, em, h1, h2, h3, h4, h5, h6, strong { font-weight: 700 }
  29. a, a:hover, del, ins, s, u { text-decoration: none }
  30. body, html { height: 100%; width: 100%; min-width: 20pc }
  31. body, button, input, keygen, legend, select, textarea { font: 1pc/1.5 "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; color: #333; outline: 0; background: #f4f4f4 }
  32. a, a:hover { color: #333; text-decoration: none }
  33. .ptm-inline { display: inline-block; vertical-align: top }
  34. .ptm-clearfix:after { content: "020"; display: block; height: 0; clear: both; visibility: hidden }
  35. .ptm-clearfix { clear: both; zoom: 1 }
  36. .ptm-clear { clear: both }
  37. .ptm-text-cut { white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
  38. .ptm-line-x { width: 100%; position: relative; height: 1px }
  39. .ptm-line-x:after { border-bottom: 1px solid #c8c7cc; display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform-origin: 0 0; -webkit-transform: scale(1); pointer-events: none }
  40. .ptm-row-5 { margin-right: -5px; margin-left: -5px }
  41. .ptm-row-10 { margin-right: -10px; margin-left: -10px }
  42. .ptm-row-15 { margin-right: -15px; margin-left: -15px }
  43. .ptm-row-20 { margin-right: -20px; margin-left: -20px }
  44. .ptm-padded-t0 { padding-top: 0 }
  45. .ptm-padded-b0 { padding-bottom: 0 }
  46. .ptm-padded-0-5 { padding: 0 5px }
  47. .ptm-padded-0-10 { padding: 0 10px }
  48. .ptm-padded-0-15 { padding: 0 15px }
  49. .ptm-padded-0-20 { padding: 0 20px }
  50. .ptm-padded-5 { overflow: hidden; padding: 5px }
  51. .ptm-padded-10 { overflow: hidden; padding: 10px }
  52. .ptm-padded-15 { overflow: hidden; padding: 15px }
  53. .ptm-padded-20 { overflow: hidden; padding: 20px }
  54. .ptm-text-write { color: #fff ;z-index:10;position: relative }
  55. .ptm-bg-white { background-color: #fff }
  56. .ptm-pull-right { float: right }
  57. .ptm-pull-left { float: left }
  58. .ptm-content { -webkit-overflow-scrolling: touch }
  59. .ptm-content-title { position: relative; overflow: hidden; margin: 0; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; text-transform: uppercase; line-height: 1; color: #6d6d72; padding: 25px 15px 10px }
  60. .ptm-content-padded { -webkit-overflow-scrolling: touch }
  61. .ptm-card, .ptm-content-padded { margin: 0 10px; margin-bottom: 15px }
  62. .ptm-card { position: relative; background: #fff; border-radius: 6px }
  63. .ptm-card:after { display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform-origin: 0 0; -webkit-transform: scale(1); pointer-events: none; border: 1px solid #c8c7cc; border-radius: 6px; overflow: hidden }
  64. .ptm-card.ptm-noborder:after { border: 0; overflow: hidden }
  65. .ptm-card.ptm-noborder .ptm-list-view, .ptm-card.ptm-noborder .ptm-user-view { border-radius: 6px }
  66. .ptm-card .ptm-form { background: 0 }
  67. .ptm-card .ptm-input-row:first-child:after, .ptm-card .ptm-list-view-cell:first-child:after, .ptm-card .ptm-user-view-cell:first-child:after, .ptm-content-padded .ptm-list-view-cell:first-child:after, .ptm-content-padded .ptm-user-view-cell:first-child:after { border-top: 0 }
  68. .ptm-card .ptm-btn-row:after, .ptm-card .ptm-input-row:last-child:after, .ptm-card .ptm-list-view-cell:last-child:after, .ptm-card .ptm-user-view-cell:last-child:after, .ptm-content-padded .ptm-list-view-cell:last-child:after, .ptm-content-padded .ptm-user-view-cell:last-child:after { border-bottom: 0 }
  69. .ptm-card .ptm-card-header { height: 40px; line-height: 40px; font-size: 1pc; border-bottom: 1px solid #eee; padding: 0 10px }
  70. .ptm-card .ptm-card-content { padding: 10px }
  71. .ptm-card .ptm-card-footer { height: 40px; line-height: 40px; border-top: 1px solid #eee; font-size: 1pc; text-align: center }
  72. .ptm-card .ptm-card-footer a { display: block; width: 100%; height: 100% }
  73. .ptm-card .ptm-card-more { padding: 10px }
  74. .ptm-card .ptm-card-more .loadmore { background: #1abc9c; color: #fff; -webkit-border-radius: 1px; border: 0; display: block; font-size: 1pc; height: 36px; letter-spacing: 1px; line-height: 36px; text-align: center }
  75. .ptm-btn, button { position: relative; display: inline-block; padding: 6px 9pt; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; background-color: #ddd; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #ddd; border-radius: 4px }
  76. .ptm-btn-default, .ptm-btn:active { color: #fff; background-color: #bdc3c7 }
  77. .ptm-btn-default { border: 1px solid #bdc3c7 }
  78. .ptm-btn-primary { color: #fff; background-color: #1abc9c; border: 1px solid #1abc9c }
  79. .ptm-btn-primary.active, .ptm-btn-primary:active { color: #fff; background-color: #16a085; border: 1px solid #16a085 }
  80. .ptm-btn-success { color: #fff; background-color: #2ecc71; border: 1px solid #2ecc71 }
  81. .ptm-btn-success.active, .ptm-btn-success:active { color: #fff; background-color: #27ae60; border: 1px solid #27ae60 }
  82. .ptm-btn-info { color: #fff; background-color: #3498db; border: 1px solid #3498db }
  83. .ptm-btn-info.active, .ptm-btn-info:active { color: #fff; background-color: #2980b9; border: 1px solid #2980b9 }
  84. .ptm-btn-warning { color: #fff; background-color: #f82; border: 1px solid #f82 }
  85. .ptm-btn-warning.active, .ptm-btn-warning:active { color: #fff; background-color: #faa732; border: 1px solid #faa732 }
  86. .ptm-btn-danger { color: #fff; background-color: #e74c3c; border: 1px solid #e74c3c }
  87. .ptm-btn-danger.active, .ptm-btn-danger:active { color: #fff; background-color: #c0392b; border: 1px solid #c0392b }
  88. .ptm-btn-block { display: block; width: 100%; padding: 15px 0; margin-bottom: 0; font-size: 18px }
  89. .ptm-btn .ptm-iconfont, .ptm-btn-block .ptm-iconfont { margin-right: 6px }
  90. .ptm-btn .ptm-badge, .ptm-btn-block .ptm-badge { margin-left: 6px }
  91. .ptm-btn-outlined { background: 0 0 }
  92. .ptm-btn-default.ptm-btn-outlined { color: #bdc3c7 }
  93. .ptm-btn-primary.ptm-btn-outlined { color: #16a085 }
  94. .ptm-btn-success.ptm-btn-outlined { color: #27ae60 }
  95. .ptm-btn-info.ptm-btn-outlined { color: #2980b9 }
  96. .ptm-btn-warning.ptm-btn-outlined { color: #faa732 }
  97. .ptm-btn-danger.ptm-btn-outlined { color: #c0392b }
  98. .ptm-btn-default.ptm-btn-outlined:active { background: #bdc3c7; color: #fff }
  99. .ptm-btn-primary.ptm-btn-outlined:active { background: #16a085; color: #fff }
  100. .ptm-btn-success.ptm-btn-outlined:active { background: #27ae60; color: #fff }
  101. .ptm-btn-info.ptm-btn-outlined:active { background: #2980b9; color: #fff }
  102. .ptm-btn-warning.ptm-btn-outlined:active { background: #faa732; color: #fff }
  103. .ptm-btn-danger.ptm-btn-outlined:active { background: #c0392b; color: #fff }
  104. input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea { width: 100%; -webkit-appearance: none; padding: 10px 15px; margin-bottom: 15px; line-height: 21px; -webkit-user-select: text; background-color: #fff; border: 1px solid rgba(0, 0, 0, .2); border-radius: 3px; outline: 0 }
  105. .ptm-form { position: relative; background: #fff }
  106. .ptm-input-row { position: relative; display: table; padding: 6px 0 }
  107. .ptm-input-row:after { border-bottom: 1px solid #c8c7cc }
  108. .ptm-input-row:after, .ptm-input-row:first-child:after { display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform-origin: 0 0; -webkit-transform: scale(1); pointer-events: none }
  109. .ptm-input-row:first-child:after { border-top: 1px solid #c8c7cc }
  110. .ptm-input-row:last-child:after { border-bottom: 1px solid #c8c7cc }
  111. .ptm-input-row .ptm-input-addon { font-size: 14px; font-weight: 400; line-height: 1; color: #333; text-align: center; display: table-cell; width: 1%; white-space: nowrap; vertical-align: middle; padding: 5px }
  112. .ptm-input-row .ptm-input { font-size: 14px; margin: 0; display: table-cell; position: relative; float: left; width: 100%; border: 0; border-radius: 0 }
  113. .ptm-btn-row { position: relative; text-align: center; padding: 15px }
  114. .ptm-btn-row:after { border-bottom: 1px solid #c8c7cc; display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform-origin: 0 0; -webkit-transform: scale(1); pointer-events: none }
  115. .ptm-content > .ptm-list-view:last-child { margin-bottom: 15px }
  116. .ptm-list-view { position: relative; padding-left: 0; margin-top: 0; list-style: none; background-color: #fff }
  117. .ptm-list-view-cell { position: relative; padding: 5px 8px; overflow: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-touch-callout: none;font-size:13px; }
  118. .ptm-list-view-cell:after { border-bottom: 1px solid #c8c7cc }
  119. .ptm-list-view-cell:after, .ptm-list-view-cell:first-child:after { display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform-origin: 0 0; -webkit-transform: scale(1); pointer-events: none }
  120. .ptm-list-view-cell:first-child:after { border-top: 1px solid #c8c7cc }
  121. .ptm-list-view-cell:last-child:after { border-bottom: 1px solid #c8c7cc }
  122. .ptm-list-view-cell > a { position: relative; padding: inherit; margin: -9pt -15px; display: block; overflow: hidden; color: inherit; text-overflow: ellipsis; white-space: nowrap }
  123. .ptm-list-view-cell > a:active { background: #f4f4f4 }
  124. .ptm-list-view-cell > a.ptm-active { background-color: #eee }
  125. .ptm-list-view-cell > a.ptm-ellipsis-1, .ptm-list-view-cell > a.ptm-ellipsis-2 { padding-right: 30px }
  126. .ptm-list-view-cell p { margin-bottom: 0 }
  127. .ptm-list-view-cell > .ptm-badge, .ptm-list-view-cell > a > .ptm-badge { position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
  128. .ptm-list-view-cell > a.ptm-arrow-right > .ptm-badge { right: 30px }
  129. .ptm-arrow-right:after, .ptm-list-view-cell > a.ptm-arrow-right > .ptm-badge { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
  130. .ptm-arrow-right:after { font-size: inherit; line-height: 1; color: #bbb; text-decoration: none; display: inline-block; -webkit-font-smoothing: antialiased; }
  131. .ptm-list-view .ptm-img, .ptm-list-view .ptm-img-body { overflow: hidden }
  132. .ptm-list-view .ptm-img-object { max-width: 60px; height: 60px; line-height: 60px }
  133. .ptm-list-view .ptm-img-object.ptm-pull-left { margin-right: 15px }
  134. .ptm-list-view .ptm-img-object.ptm-pull-right { margin-left: 0 }
  135. .ptm-list-view.ptm-grid-view { display: table; width: 100%; padding: 0 10px 10px 0; font-size: 0; white-space: normal }
  136. .ptm-list-view.ptm-grid-view .ptm-list-view-cell { display: table-cell; padding: 10px 0 0 10px; text-align: center; vertical-align: middle; background: 0 }
  137. .ptm-list-view.ptm-grid-view .ptm-list-view-cell:after { border-bottom: 0 }
  138. .ptm-list-view.ptm-grid-view .ptm-list-view-cell .ptm-img-object { width: 100%; max-width: 100%; height: auto }
  139. .ptm-list-view.ptm-grid-view .ptm-list-view-cell .ptm-img-body { font-size: 14px; padding: 5px 0 }
  140. .ptm-list-view.ptm-grid-view .ptm-list-view-cell:active, .ptm-list-view.ptm-grid-view .ptm-list-view-cell > a:active { background: 0 }
  141. .ptm-list-view.ptm-grid-view .ptm-list-view-cell .ptm-media-body { display: table-cell; width: 100%; height: 15px; margin-top: 8px; font-size: 15px; line-height: 15px; color: #333; text-overflow: ellipsis }
  142. .ptm-list-view.ptm-grid-view .ptm-list-view-cell:after, .ptm-list-view.ptm-grid-view .ptm-list-view-cell:before { border-top: 0 }
  143. .ptm-thumb-view { overflow: hidden; padding: 10px 8px 5px }
  144. .ptm-thumb-view .ptm-list-view-cell { display: table-cell; padding: 0 2px 4px; margin-right: 0; margin-bottom: -4px; font-size: 17px; text-align: center; vertical-align: middle; background: 0 }
  145. .ptm-thumb-view .ptm-list-view-cell .ptm-img-object { width: 100%; max-width: 100%; height: auto }
  146. .ptm-thumb-view .ptm-list-view-cell > a { margin: 0 0 0 -8px }
  147. .ptm-thumb-view .ptm-list-view-cell:active, .ptm-thumb-view .ptm-list-view-cell > a:active { background: 0 }
  148. .ptm-thumb-view .ptm-list-view-cell:after, .ptm-thumb-view .ptm-list-view-cell:before { border-top: 0 }
  149. .ptm-bar { position: relative; top: 0; left: 0; z-index: 10; width: 100%; background-color: #1abc9c; color: #fff; display: block; height: 45px; line-height: 45px; font-size: 18px; text-align: center }
  150. .ptm-title { position: absolute; width: 100%; margin: 0 -10px; text-align: center; white-space: nowrap;z-index:1; }
  151. .ptm-title a { color: inherit }
  152. .ptm-nav { position: fixed; right: 0; left: 0; bottom: 0; z-index: 10 }
  153. .ptm-nav, .ptm-nav .ptm-bar-tab { width: 100%; height: 55px; background-color: #fff }
  154. .ptm-nav .ptm-bar-tab { display: -webkit-box; box-sizing: border-box; font-size: 9pt }
  155. .ptm-nav .ptm-bar-tab li { position: relative; text-align: center; color: #666; width: 100%; box-flex: 1; -webkit-box-flex: 1; box-sizing: border-box }
  156. .ptm-nav .ptm-bar-tab p { font-size: 9pt; margin-bottom: 0 }
  157. .ptm-nav .ptm-bar-tab .ptm-iconfont { font-size: 22px; color: #8f8f94; padding-top: 5px; height: 30px; line-height: 30px; display: inline-block }
  158. .ptm-nav .ptm-bar-tab .active .ptm-iconfont, .ptm-nav .ptm-bar-tab .active p { color: #16a085 }
  159. .ptm-nav .ptm-bar-tab .active-dark .ptm-iconfont, .ptm-nav .ptm-bar-tab .active-dark p { color: #34495e }
  160. .ptm-nav .ptm-bar-tab .active-primary .ptm-iconfont, .ptm-nav .ptm-bar-tab .active-primary p { color: #1abc9c }
  161. .ptm-nav .ptm-bar-tab .active-info .ptm-iconfont, .ptm-nav .ptm-bar-tab .active-info p { color: #2980b9 }
  162. .ptm-nav .ptm-bar-tab .active-danger .ptm-iconfont, .ptm-nav .ptm-bar-tab .active-danger p { color: #c0392b }
  163. .ptm-nav .ptm-bar-tab .active-success .ptm-iconfont, .ptm-nav .ptm-bar-tab .active-success p { color: #27ae60 }
  164. .ptm-nav .ptm-bar-tab .active-warning .ptm-iconfont, .ptm-nav .ptm-bar-tab .active-warning p { color: #faa732 }
  165. .ptm-tab, .ptm-tab-nav { width: 100%; overflow: hidden }
  166. .ptm-tab-nav { display: -webkit-box; font-size: 1pc; height: 45px; box-sizing: border-box; background-color: #fff }
  167. .ptm-tab-sm .ptm-tab-nav { height: 35px; font-size: 14px }
  168. .ptm-tab-nav li { height: 45px; line-height: 45px; min-width: 60px; box-flex: 1; -webkit-box-flex: 1; text-align: center; color: #666; box-sizing: border-box; border-bottom: 2px solid transparent; width: 100% }
  169. .ptm-tab-nav li a { display: block }
  170. .ptm-tab-sm .ptm-tab-nav li { height: 35px; line-height: 35px }
  171. .ptm-tab-nav li.active { color: #1abc9c; border-bottom: 2px solid #1abc9c; -webkit-animation: fadeIn .5s ease both; animation: fadeIn .5s ease both }
  172. .ptm-tab-nav.ptm-tab-border { background-color: transparent; border: 1px solid #1abc9c; border-radius: 3px }
  173. .ptm-tab-nav.ptm-tab-border li { width: 1%; overflow: hidden; line-height: 43px; color: #1abc9c; background-color: #fff; border-color: #1abc9c; border-left: 1px solid #1abc9c }
  174. .ptm-tab-sm .ptm-tab-nav.ptm-tab-border li { line-height: 33px }
  175. .ptm-tab-nav.ptm-tab-border li:first-child { border-left: 0 solid #1abc9c }
  176. .ptm-tab-nav.ptm-tab-border li.active { background-color: #1abc9c; color: #fff; -webkit-animation: fadeIn .5s ease both; animation: fadeIn .5s ease both }
  177. .ptm-tab-content-item { display: none }
  178. .ptm-tab-content-item.active { display: block }
  179. .footer { padding: 0 10px 20px; margin-top: 10px; text-align: center }
  180. .footer p { font-size: 9pt; color: #aaa; line-height: 2em }
  181. .footer a { font-size: 14px; display: inline-block; color: #666; padding: 0 10px }
  182. .pt-name, .pt-name a { font-size: 15px }
  183. .pt-author, .pt-author a { font-size: 14px }
  184. .pt-info, .pt-info a { font-size: 13px }
  185. .pt-desc, .pt-desc a { font-size: 9pt; color: #999 }
  186. .pt-num { font-size: 13px; line-height: 1pc }
  187. .pt-cover img { width: 100%; height: 100%; display: block }
  188. .pt-card { line-height: 1 }
  189. .pt-card li { display: -webkit-box; padding-bottom: 10px; border-bottom: 1px dashed #eee; margin-bottom: 10px }
  190. .pt-card li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 }
  191. .pt-card .pt-novel { -webkit-box-flex: 1; position: relative }
  192. .pt-card .pt-icon { margin-right: 10px; font-size: 9pt; width: 21px; line-height: 21px; position: relative }
  193. .pt-card .pt-icon i { width: 100%; height: 21px; text-align: center; background: #eee; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%) }
  194. .pt-card .pt-icon i.start { background: #1abc9c; color: #fff }
  195. .pt-card-1 .pt-author { color: #777 }
  196. .pt-card-2 .pt-cover { width: 60px; height: 5pc; margin-right: 10px }
  197. .pt-card-2 .pt-name { margin-bottom: 8px }
  198. .pt-card-2 .pt-info { margin-bottom: 5px; color: #666 }
  199. .pt-card-2 .pt-desc { line-height: 1.8; color: #999 }
  200. .pt-card-3 .pt-cover { width: 60px; height: 5pc; margin-right: 10px }
  201. .pt-card-3 .pt-name { margin-bottom: 5px }
  202. .pt-card-3 .pt-info, .pt-card-3 .pt-info a { color: #999 }
  203. .pt-card-3 .pt-author, .pt-card-3 .pt-author a { color: #999; margin-bottom: 8px }
  204. .pt-card-3 .pt-desc, .pt-card-3 .pt-desc a { line-height: 20px; margin-bottom: 5px; color: #999 }
  205. .pt-card-4 .pt-cover { width: 30px; height: 36px; margin-right: 10px }
  206. .pt-card-4 .pt-name { margin-bottom: 8px }
  207. .pt-card-4 .pt-info, .pt-card-4 .pt-info a { font-size: 9pt; color: #666 }
  208. .pt-card-4 .pt-desc, .pt-card-4 .pt-desc a { font-size: 9pt; color: #999 }
  209. .pt-card-5 .pt-name { margin-bottom: 8px }
  210. .pt-card-5 .pt-author, .pt-card-5 .pt-author a, .pt-card-5 .pt-desc, .pt-card-5 .pt-desc a { color: #666 }
  211. .pt-card-6 .pt-one { margin-bottom: 8px }
  212. .pt-card-6 .pt-author, .pt-card-6 .pt-author a { color: #666 }
  213. .pt-card-7 .pt-cover { width: 45px; height: 60px; margin-right: 8px }
  214. .pt-card-7 .pt-name { margin-bottom: 8px }
  215. .pt-card-7 .pt-info, .pt-card-7 .pt-info a { color: #999 }
  216. .pt-card-7 .pt-author, .pt-card-7 .pt-author a { color: #999; margin-bottom: 8px }
  217. .pt-card-7 .pt-desc { color: #999 }
  218. .ptm-srot .ptm-desc { font-size: 14px; color: #666 }
  219. .pt-infopage { padding: 10px }
  220. .pt-infopage .baseinfo { display: -webkit-box; line-height: 1 }
  221. .pt-infopage .baseinfo .cover { width: 90px; height: 90pt; margin-right: 15px }
  222. .pt-infopage .baseinfo .pt-novel { height: 90pt; overflow: hidden }
  223. .pt-infopage .baseinfo .pt-name { font-size: 17px ; margin-bottom: 13px }
  224. .pt-infopage .baseinfo .pt-info { font-size: 15px ; margin-bottom: 10px }
  225. .pt-infopage .baseinfo .pt-info:last-child { margin-bottom: 0 }
  226. .pt-infopage .twobutton > div { padding: 10px }
  227. .pt-infopage .twobutton .ptm-btn-block { font-size: 14px; padding: 5px 0 }
  228. .pt-infopage .intro { margin-top: 10px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; font-size: 14px; color: #666; line-height: 1.8 }
  229. .pt-infopage .lastchapter { height: 30px; line-height: 30px; display: -webkit-box; margin-bottom: 5px }
  230. .pt-infopage .lastchapter a { display: block; -webkit-box-flex: 1; font-size: 14px; margin-right: 10px; width: 100% }
  231. .pt-infopage .lastchapter span { width: 50px; color: #999; font-size: 13px }
  232. .pt-dir { padding: 0 10px }
  233. .pt-dir .ptm-list-view-cell > a { line-height: 35px; font-size: 14px }
  234. .pt-dir .ptm-list-view-cell > span { font-size: 14px; color: #999; position: absolute; right: 15px; top: 0; line-height: 35px }
  235. .pt-dir .ptm-arrow-right:after { right: 0 }
  236. .pt-card-1 .pt-name, .pt-infopage-more .ptm-card-footer, .pt-infopage-more .ptm-card-header { font-size: 15px }
  237. .pt-dir-page .ptm-btn-block { font-size: 14px; line-height: 20px; padding: 5px 0; margin-top: 9px }
  238. .pt-dir-page .ptm-btn { background: #fff }
  239. .pt-dir-list .ptm-card-footer, .pt-dir-list .ptm-card-header { height: 50px; padding: 0 10px }
  240. .pt-dir-list .pt-dir-icon { position: absolute; right: 10px; line-height: 20px }
  241. .pt-dir-sel { position: fixed; top: 50%; left: 10%; z-index: 200; width: 80%; padding: 15px 15px 0; background-color: #fff; -webkit-transform: translateY(-50%); border-radius: 4px; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; background-repeat: repeat-x; background-size: 100% 1px; background-position: left bottom; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(.5, transparent), color-stop(.5, #e6e6e6)) }
  242. .pt-dir-sel .title { font-size: 1pc }
  243. .pt-dir-sel ul { margin-top: 15px; height: 308px; overflow-y: scroll }
  244. .pt-dir-sel ul li { height: 44px; line-height: 44px; text-align: left; font-size: 14px; color: #333; position: relative; background-repeat: repeat-x; background-size: 100% 1px; background-position: left bottom; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(.5, transparent), color-stop(.5, #e6e6e6)) }
  245. .pt-dir-sel ul li a { display: inline-block; width: 100%; height: 100% }
  246. .pt-dir-sel ul li.active, .pt-dir-sel ul li.active a { color: #1abc9c }
  247. .pt-dir-sel ul li.active:after { position: absolute; right: 0; top: 0; display: block; width: 22px; height: 44px; font-family: ptmicon ; content: '\e645' }
  248. .ptm-card-header .ptm-pull-right { font-size: 14px }
  249. .imgarea { width: 100%; height: 0; padding-bottom: 125%; overflow: hidden }
  250. .ptm-left-10 { padding-left: 10px; }
  251. .ptm-right-10 { padding-right: 10px; }
  252. .pt-infopage-more{margin-top:15px;}
  253. .ptm-col-xs-6{width:48%;float:left}
  254. </style>
  255. </head>
  256. <body>
  257. <header class="ptm-bar ptm-bar-nav ptm-fix">
  258. <a class="ptm-pull-left ptm-text-write ptm-left-10" href="{$kx.config.mobileurl}" target="_blank">首页</a>
  259. <div class="ptm-title">
  260. <a href="{$kx.config.mobileurl}{link=novel.novel.index novelid=$novel.id pinyin=$novel.pinyin}" title="{$novel.name}" target="_blank">{$novel.name}</a>
  261. </div>
  262. <a class="ptm-pull-right ptm-text-write ptm-right-10" href="{$kx.config.mobileurl}{link=novel.rank.index}" target="_blank">排行</a>
  263. </header>
  264. <section class="ptm-content pt-infopage ptm-bg-white">
  265. <div class="baseinfo">
  266. <div class="pt-cover">
  267. <amp-img src="{$kx.config.coverurl}{$novel.cover}" title="{$novel.name}" alt="{$novel.name}" class="cover" width="90" height="120" layout="responsive" ></amp-img>
  268. </div>
  269. <div class="pt-novel">
  270. <h1 class="pt-name">
  271. <a href="{$kx.config.mobileurl}{link=novel.novel.index novelid=$novel.id pinyin=$novel.pinyin}" title="{$novel.name}" target="_blank">{$novel.name}</a>
  272. </h1>
  273. <div class="pt-info">作者:
  274. <a href="{$kx.config.mobileurl}{link=author.space.index authorid=$author.id pinyin=$author.pinyin name=$author.name}" title="{$author.name}" target="_blank">{$author.name}</a>
  275. </div>
  276. <div class="pt-info">分类:
  277. <a href="{$kx.config.mobileurl}{link=novel.category.list categoryid=$category.id key=$category.key}" title="{$category.name}" target="_blank">{$category.name}</a>
  278. </div>
  279. <div class="pt-info">来源: {$source.name}</div>
  280. <div class="pt-info">更新: {$last.time|cntime}</div>
  281. </div>
  282. </div>
  283. <div class="twobutton ptm-clearfix">
  284. <div class="ptm-col-xs-6">
  285. <a class="ptm-btn ptm-btn-warning ptm-btn-block" href="{$kx.config.mobileurl}{link=user.mark.add novelid=$novelid}" rel="nofollow" target="_blank">加入书架</a>
  286. </div>
  287. <div class="ptm-col-xs-6">
  288. <a class="ptm-btn ptm-btn-primary ptm-btn-block" href="{$kx.config.mobileurl}{link=novel.chapter.read novelid=$novel.id pinyin=$novel.pinyin chapterid=1}" target="_blank">开始阅读</a>
  289. </div>
  290. </div>
  291. <div class="ptm-line-x"></div>
  292. <div class="adwraper" id="pagetopad1"></div>
  293. {if $novel.intro}
  294. <div class="intro">
  295. {$novel.intro|showintro}
  296. </div>
  297. {/if}
  298. </section>
  299. <section class="pt-infopage-more">
  300. <div class="ptm-card ">
  301. <div class="ptm-card-header">
  302. {$novel.name}最近章节
  303. </div>
  304. <div class="ptm-card-content pt-dir">
  305. <ul class="ptm-list-view">
  306. {block method=chapter.list novelid=$novel.id num=5 name=$list sort=desc}
  307. {loop}
  308. <li class="ptm-list-view-cell">
  309. <a href="{$kx.config.mobileurl}{link=novel.chapter.read novelid=$novel.id pinyin=$novel.pinyin chapterid=$loop.chapterid}" title="{$novel.name} {$loop.name}" target="_blank">{$loop.name}</a>
  310. </li>
  311. {/loop}
  312. </ul>
  313. </div>
  314. <div class="ptm-card-footer">
  315. <a href="{$kx.config.mobileurl}{link=novel.novel.dir novelid=$novel.id pinyin=$novel.pinyin}" target="_blank">查看目录></a>
  316. </div>
  317. </div>
  318. {block method="novel.list" name=list author=$author.id num=6 order='postdate'}
  319. {if $list }
  320. <div class="ptm-card mt10">
  321. <div class="ptm-card-header ptm-clearfix">
  322. {$author.name}作品大全
  323. </div>
  324. <div class="ptm-card-content">
  325. <ul class="pt-card pt-card-3">
  326. {section loop=$list}
  327. <li>
  328. <div class="pt-cover">
  329. <a href="{$kx.config.mobileurl}{link=novel.novel.index novelid=$loop.novel.id pinyin=$loop.novel.pinyin}" title="{$loop.novel.name}" target="_blank">
  330. <amp-img src="{$kx.config.coverurl}{$loop.novel.cover}" alt="{$loop.novel.name}" layout="responsive" width="60" height="80"></amp-img>
  331. </a>
  332. </div>
  333. <div class="pt-novel">
  334. <div class="pt-num ptm-pull-right"><span class="orange">{$loop.data.mark}</span>人关注</div>
  335. <div class="pt-name">
  336. <a href="{$kx.config.mobileurl}{link=novel.novel.index novelid=$loop.novel.id pinyin=$loop.novel.pinyin}" title="{$loop.novel.name}" target="_blank">{$loop.novel.name}</a>
  337. </div>
  338. <div class="pt-author">
  339. <a href="{$kx.config.mobileurl}{link=author.space.index authorid=$loop.author.id pinyin=$loop.author.pinyin name=$loop.author.name}" title="{$loop.author.name}" target="_blank">{$loop.author.name}</a>
  340. |
  341. <a href="{$kx.config.mobileurl}{link=novel.category.list categoryid=$loop.category.id key=$loop.category.key}" title="{$loop.category.name}" target="_blank">{$loop.category.name}</a>
  342. | {$loop.novel.is_over|default="连载中","已完结"}
  343. </div>
  344. <div class="pt-author ptm-text-cut">
  345. <a href="{$kx.config.mobileurl}{link=novel.novel.index novelid=$loop.novel.id pinyin=$loop.novel.pinyin}" title="{$loop.last.name}" target="_blank">{$loop.last.name}</a>
  346. </div>
  347. <div class="pt-info">{$loop.last.time|cntime}更新</div>
  348. </div>
  349. </li>
  350. {/loop}
  351. </ul>
  352. </div>
  353. </div>
  354. {/if}
  355. <div class="ptm-card mt15">
  356. <div class="ptm-card-header ptm-clearfix">
  357. <div class="ptm-pull-left">
  358. 热门推荐
  359. </div>
  360. </div>
  361. <div class="ptm-card-content pd0">
  362. <ul class="pt-card pt-card-7">
  363. {block method="novel.list" name=list order=weekvisit sort=desc num=3}
  364. {loop=$list}
  365. <li>
  366. <div class="pt-cover">
  367. <a href="{$kx.config.mobileurl}{link=novel.novel.index novelid=$loop.novel.id pinyin=$loop.novel.pinyin}" title="{$loop.novel.name}" target="_blank">
  368. <amp-img src="{$kx.config.coverurl}{$loop.novel.cover}" alt="{$loop.novel.name}" layout="responsive" width="45" height="60"></amp-img>
  369. </a>
  370. </div>
  371. <div class="pt-novel">
  372. <div class="pt-name"><a href="{$kx.config.mobileurl}{link=novel.novel.index novelid=$loop.novel.id pinyin=$loop.novel.pinyin}" target="_blank" title="{$loop.novel.name}">{$loop.novel.name}</a></div>
  373. <div class="pt-author"><a href="{$kx.config.mobileurl}{link=author.space.index authorid=$loop.author.id pinyin=$loop.author.pinyin name=$loop.author.name}" target="_blank" title="{$loop.author.name}">{$loop.author.name}</a></div>
  374. <div class="pt-desc ptm-text-cut">{$loop.novel.intro}</div>
  375. </div>
  376. </li>
  377. {/loop}
  378. </ul>
  379. </div>
  380. </div>
  381. </section>
  382. <div class="ptm-line-x"></div>
  383. <div class="footer">
  384. <p>本站系基于互联网搜索引擎技术为您提供信息检索服务。</p>
  385. <p>
  386. <a title="隐私声明" href="{$kx.config.mobileurl}{link=page.detail key=privacy}" class="color4">隐私声明</a>
  387. <a title="免责声明" href="{$kx.config.mobileurl}{link=page.detail key=disdaimer}" class="color4">免责声明</a>
  388. <a title="关于我们" href="{$kx.config.mobileurl}{link=page.detail key=about}" class="color4">关于我们</a>
  389. </p>
  390. <p>Copyright ©2019 </p>
  391. </div>
  392. </body>
  393. </html>